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:
</>code
- <div id="divId" class="divTable">
- <div class="tableBody">
- <ul >
- <li ><input type="checkbox" value="1" >选项1</li>
- </ul>
- </div>
- </div>
1.获取选中值
</>code
- $("input[type='checkbox']").attr('value');//返回结果:1
2.是否选中
</>code
- $("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版本都可以这样赋值:
</>code
- $("#cb1").attr("checked","checked");
- $("#cb1").attr("checked",true);
jquery1.6+:prop的4种赋值:
</>code
- $("#cb1″).prop("checked","checked");
- $("#cb1″).prop("checked",true);//很简单就不说了哦 $("#cb1″).prop({checked:true}); //map键值对
- $("#cb1″).prop("checked",function(){
- return true;//函数返回true或false });
4.选中事件监听
</>code
- $("#ischange").change(function() {
- alert("checked");
- });
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛