jQuery चयनकर्ता "Html.CheckBoxFor"

Question

के लिए वहाँ asp.net/jquery का उपयोग कर एक div दृश्यता टॉगल करने के लिए जब इस तरह एक चेकबॉक्स का उपयोग कर एक रास्ता है , लेकिन मुझे यकीन नहीं है कि यह निर्धारित करने के लिए कि बॉक्स को क्लिक या बदल दिया गया है या नहीं। क्या कुछ प्रकार का ऑन चेंज या ऑनक्लिक मैं इसमें जोड़ सकता हूं?

संपादित करें - मुझे इसे थोड़ा सा बदलने दें ... मैं HTML को एक आईडी कैसे निर्दिष्ट कर सकता हूं। चेकबॉक्स फोर() ??

Answer 1

आप .change() घटना और .toggle() div कि क्या चेकबॉक्स चेक किया गया है या नहीं के आधार पर की दृश्यता के लिए सदस्यता ले सकता है:

$(function() { 
    $('#mycheckbox').change(function() { 
     var isChecked = $(this).is(':checked'); 
     $('#someDivId').toggle(isChecked); 
    }); 
}); 

और तुम see it in action here कर सकते हैं।

इस चेकबॉक्स को आप या तो कर सकते थे की पहचान यह एक विशिष्ट आईडी सौंपने के लिए:

<%: Html.CheckBoxFor(m => m.Type, new { id = "mycheckbox" }) %> 

या एक वर्ग:

<%: Html.CheckBoxFor(m => m.Type, new { @class = "check" }) %> 

और फिर अपने jQuery चयनकर्ता अनुकूलन।

Answer 2

हां, अधिकांश HTML तत्वों के लिए एक ऑनक्लिक/ऑनचेंज ईवेंट है।

चलो अपने चेकबॉक्स मान एक आईडी = "checkbox1", आप कर सकते हैं निम्नलिखित

var myCheckBox = document.getElementById("checkbox1"); 
myCheckBox.addEventListener('change', function(){do something}, false); 

Answer 3

इस सवाल देखें हैं:

मैं इस सहायक का उपयोग करें::

get the generated clientid for a form field, यह मेरा जवाब है

public static partial class HtmlExtensions 
{ 
    public static MvcHtmlString ClientIdFor<TModel, TProperty>(
     this HtmlHelper<TModel> htmlHelper, 
     Expression<Func<TModel, TProperty>> expression) 
    { 
     return MvcHtmlString.Create(
       htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldId(
        ExpressionHelper.GetExpressionText(expression))); 
    } 
} 

बस के रूप में इसका इस्तेमाल आप किसी भी अन्य सहायक: @ Html.ClientIdFor (मॉडल => model.client.email)

या लिपि में:

$(function() { 
    $('#@Html.ClientIdFor(m=>m.Type)').change(function() { 
     // Do stuff 
    }); 
});