首页 > jquery如何判断checkbox是否被选中,选中就显示,未选中就隐藏?

jquery如何判断checkbox是否被选中,选中就显示,未选中就隐藏?


 <p class="ms-1">其他信息: <input type="checkbox">发票 
<i class="fa fa-question-circle"></i></p>
 <p class="ml-1">发票抬头:
<input type="text" class="w301" placeholder="填写个人或公司名称"></p>
    $(".ms-1").click(function(){
        var ischeck=$(this).attr("checked");
        if(ischeck==undefined){
          $(".ml-1").show();
        }else{
            $(".ml-1").hide();
        }

判断还是使用prop这个,attr不怎么对的,因为现在是可以直接checked,不需要写成 checked = "checked"的~


 $(".ms-1").click(function(){
        var ischeck=$(this).prop("checked");
        if(ischeck){
          $(".ml-1").show();
        }else{
            $(".ml-1").hide();
        }

$(".ms-1").click(function(){
    var ischecked=$(this).find('input[type="checkbox"]')[].checked;
    
    if(ischecked){
        $('ml-1').show();
    }else{
        $('ml-1').hide();
    }
})

$('.ms-1').click(function() {
    var isChecked = $(this).find('input[type="checkbox"]').is(':checked');
    isChecked ?  $('.ml-1').show() : $('.ml-1').hide();
}

试试


if(!!ischeck){
        $("ml-1").show()
}else{
 $("ml-1").hide()
}

参考:

    $('input[type=checkbox]').click(function(){

        if($("input[name='lang']:checked").length >= 3)
        {
            $(this).removeAttr("checked");
            alert("最多选2个!")
        }  

        if($("input[name='lang']:checked").length <= 2 ){

            if ($('input#lang6:checked').length){                  
                $('#ftr-shanchang-lang-other').show();
            } else {
                $('#ftr-shanchang-lang-other').hide();                
            }
            
        } 

        if($("input[name='field']:checked").length >= 5)
        {
            $(this).removeAttr("checked");
            alert("最多选4个!")
        }                
    });
【热门文章】
【热门文章】