您现在的位置: 365建站网 > 365学习 > jquery/js中单个和多个checkbox 选中事件(获取值、选中、设置值)

jquery/js中单个和多个checkbox 选中事件(获取值、选中、设置值)

文章来源:365jz.com     点击数:4295    更新时间:2018-10-30 09:53   参与评论

jQuery判断checked的三种方法:
.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'); //16+:true/false
.is(':checked'); //所有版本:true/false//别忘记冒号哦

jquery赋值checked的几种写法:
所有的jquery版本都可以这样赋值:
// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);
jquery1.6+:prop的4种赋值:
// $("#cb1″).prop("checked",true);//很简单就不说了哦
// $("#cb1″).prop({checked:true}); //map键值对
// $("#cb1″).prop("checked",function(){
return true;//函数返回true或false
});

//记得还有这种哦:$("#cb1″).prop("checked","checked");

 

checkbox click和change事件

方法1:

$("#ischange").change(function() { 
alert("checked"); 
});

方法2:

 

$(function(){ 
if ($.browser.msie) { 
$('input:checkbox').click(function () { 
this.blur(); 
this.focus(); 
}); 
};

方法3:
$("#ischange").change(function() { 
alert("checked"); 
}); 
});

方法4:

 

$(function () {if ($.browser.msie) {$('input:checkbox').click(function () { this.blur(); this.focus(); }); }});

方法5:

$(document).ready(function(){ 
$("testCheckbox").change(function() { 
alert("Option changed!"); 
}); 
});


实例:

HTML

<div id="divId" class="divTable">
    <div class="tableBody">
        <ul >
            <li ><input type="checkbox" value="1" >选项1</li>
        </ul>
    </div>
</div>

1.获取选中值

$("input[type='checkbox']").attr('value');//返回结果:1

2.是否选中

$("input[type='checkbox']").attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
$("input[type='checkbox']").prop('checked'); //16+:true/false
$("input[type='checkbox']").is(':checked'); //所有版本:true/false

补充获取checkbox的checked的方法
("input[type=′checkbox′]").is(′:checked′)("input[type=′checkbox′]").is(′:checked′)("#check_box").get(0).checked
$("#check_box").prop("checked")
$("#check_box").attr("checked")
document.getElementById("check_box").checked

3.设置值

所有的jquery版本都可以这样赋值:

  $("#cb1").attr("checked","checked");
  $("#cb1").attr("checked",true);

 

jquery1.6+:prop的4种赋值:

  $("#cb1″).prop("checked","checked");
  $("#cb1″).prop("checked",true);//很简单就不说了哦  $("#cb1″).prop({checked:true}); //map键值对
  $("#cb1″).prop("checked",function(){
      return true;//函数返回true或false      });



4.选中事件监听

$("#ischange").change(function() { 
  alert("checked"); 
});


如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (4295人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------