欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于checkbox

程序员文章站 2022-04-05 15:20:42
...

jQuery判断checkbox是否选中的3种方法

方法一:
if ((“#checkbox-id”).get(0).checked) {      // do something  }  方法二:  if((‘#checkbox-id’).is(‘:checked’)) {
// do something
}
方法三:
if ($(‘#checkbox-id’).attr(‘checked’)) {
// do something
}

设置checked状态为true,并且复选框为选中状态

  • $(‘#check’).get(0).checked = false;
  • $(‘#check’).attr(‘checked’,false);
  • $(‘#check’).prop(‘checked’,false);

小案例

<input type="checkbox" name="" id="check" value="" />
<div class="click">点击按钮</div>
<script type="text/javascript">
    $('.click').click(function(){
        var v= $('#check').is(':checked')
        console.log(v)
        if(v){
            $('#check').get(0).checked = false;
            $('#check').attr('checked',false);
            $('#check').prop('checked',false);
        }else{
            $('#check').get(0).checked = true;
            $('#check').attr('checked',true);
            $('#check').prop('checked',true);
        }
    })
</script>
相关标签: checkbox