一,$$(ele).is(":checked")
1 function IsSelect(ele){ 2 //判断checkbox是否被选中 3 if($$(ele).is(":checked")){ 4 alert('选中'); 5 alert($$(ele).val()) 6 } 7 else{ 8 alert('未选中'); 10 }
二,$$(ele).prop("checked")
1 //用jquery全选所有class为listbox的checkbox 2 $$(".listbox").prop("checked", true); 3 //用jquery取消所有class为listbox的checkbox的选中 4 $$(".listbox").prop("checked", false);5
三,使用 attr 方法设置选择。
1 $$(function(){ 2 var checkbox = $$("input[type='checkbox']"); 3 //全选 4 $$('#select-all').click(function(){ 5 checkbox.attr('checked', true); 6 }); 7 //反选 8 $$('#select-reverse').click(function(){ 9 checkbox.each(function(i, dom){10 if ( $$(dom).attr('checked') ) {11 $$(dom).removeAttr('checked');12 } else {13 $$(dom).attr('checked', 'checked');15 });16 });17 });
四,对于jQuery 1.6.0+ 的版本,可以使用prop方法来设置是否选中。
1 $$(function(){ 2 var checkbox = $$("input[type='checkbox']"); 3 //全选 4 $$('#select-all').click(function(){ 5 checkbox.prop("checked", true); 6 }); 7 //反选 8 $$('#select-reverse').click(function(){ 9 checkbox.prop("checked", function(index, attr){10 return !attr;11 });12 });13 });
五,jQuery中attr和prop方法的区别
prop是jquery1.6新增的方法,其与attr的用法极为相似。由于不理解他们的根本区别,难免产生离奇的BUG。
通过分析attr和prop的源码,得知:
attr方法里面,最关键的两行代码,elem.setAttribute( name, value + “” )和ret = elem.getAttribute( name ),很明显的看出来,使用的DOM的API setAttribute和getAttribute方法操作的属性元素节点。
而prop方法里面,最关键的两行代码,return ( elem[ name ] = value )和return elem[ name ],你可以理解成这样document.getElementById(el)[name] = value,这是转化成JS对象的一个属性。
原文:https://www.cnblogs.com/jackson-yqj/p/7819466.html