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();
        }
阅读 12.6k
6 个回答
$('.ms-1').click(function() {
    var isChecked = $(this).find('input[type="checkbox"]').is(':checked');
    isChecked ?  $('.ml-1').show() : $('.ml-1').hide();
}

试试

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

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

$(".ms-1").click(function(){
    var ischecked=$(this).find('input[type="checkbox"]')[].checked;
    
    if(ischecked){
        $('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个!")
        }                
    });
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进