分类： jQuery

jQuery-checkbox 获取值、选中、设置值、事件监听等操作

总结

checkbox使用attr或者prop两个函数，可以设置获取其值，change(function(){})注册其改变选中事件

关键字：jquery checkbox 选中事件

示例代码

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

获取选中值

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

判断是否选中

三种方法：attr，prop，is

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

补充获取checkbox的checked的方法

$("input[type=′checkbox′]").is(′:checked′)

$("#check_box").get(0).checked

$("#check_box").prop("checked")

$("#check_box").attr("checked")

document.getElementById("check_box").checked

设置值

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

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

jquery 1.6+:prop的4种赋值:

　　$("#cb1″).prop("checked","checked");

　　$("#cb1″).prop("checked",true);//很简单就不说了哦

　　$("#cb1″).prop({checked:true}); //map键值对

　　$("#cb1″).prop("checked",function(){
　　    return true;//函数返回true或false
　　});

选中事件监听

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

实现全选

$('.all').each(function(i,elemt){
    $(this).change(function(){
            var ischecked = $(this).prop("checked");
            $(this).siblings('input').prop("checked",ischecked);
       });
})

jQuery–检查jquery的版本

想要查看jquery版本号，可以利用jquery属性；jquery属性用于返回jquery版本号。通过想要两种方法来查看jquery版本号

方法1：使用$().jquery

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>	<script> 
	    $(document).ready(function() { 
	            alert("运行的jquery版本是：" + $().jquery); 
	       
	    }); 
	</script>

方法2：使用$.fn.jquery

.jquery 属性是通过 jQuery 原型赋值的，通过使用它的别名 $.fn 进行引用。它是一个含有 jQuery 版本号的字符串，例如 “1.5.0” 或 “1.4.4”.

示例：取得页面上当前使用的 jQuery 的版本号

<script src="https://code.jquery.com/jquery-3.3.1.min.js"> </script>	<script> 
	    $(document).ready(function() { 
	            alert("正在运行的jquery版本：" + $.fn.jquery); 
	       
	    }); 
	</script>

方法3：在jQuery的源代码中查找有关版本好的信息