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

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

文章来源:365jz.com     点击数:7734    更新时间: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"); 
});


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

发表评论 (7734人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号