欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery 的全選(全非選)即取得被選中的值使用介紹

 更新時(shí)間：2013年11月12日 17:22:50   作者：  
全選、全非選即取得被選中的值在日常開(kāi)發(fā)應(yīng)用中很廣泛，下面有個(gè)不錯(cuò)的示例，大家可以感受下
頁(yè)面代碼
復(fù)制代碼 代碼如下:

<body>
<div>
<input id="checkall" type="checkbox" value="天" />全部<br/>
<div id="con">
<input type="checkbox" name="checkbox" value="天" />天
<input type="checkbox" name="checkbox" value="空" />空
<input type="checkbox" name="checkbox" value="飛" />飛
<input type="checkbox" name="checkbox" value="來(lái)" />來(lái)
<input type="checkbox" name="checkbox" value="五" />五
<input type="checkbox" name="checkbox" value="個(gè)" />個(gè)
<input type="checkbox" name="checkbox" value="字" />字
<input type="checkbox" name="checkbox" value="這" />這
<input type="checkbox" name="checkbox" value="都" />都
<input type="checkbox" name="checkbox" value="不" />不
<input type="checkbox" name="checkbox" value="算" />算
<input type="checkbox" name="checkbox" value="事" />事</div>
</div>
<script src="Scripts/jquery-1.4.1.js" language="javascript"></script>
<script src="JqueryAll.js" language="javascript"></script>
</body>

js中的代碼
復(fù)制代碼 代碼如下:

/*js部分
* 綁定批量選定/非選
* 例子
*/

$(function () {
$("#checkall").click(function () {
var stu = $(this).attr("checked");
checkAll(stu);
})
$("input[name='checkbox']").click(function () {
uncheckAll();
})
})
function checkAll(status) {
$("input[name='checkbox']").each(function () {
$(this).attr("checked");
$(this).attr("checked", status);
})
}

function uncheckAll() {
alert($("input[name='checkbox']:checked").length);
if ($("input[name='checkbox']:checked").length == $("input[name='checkbox']").length) {
$("#checkall").attr("checked",true);
}
else {
$("#checkall").attr("checked", false);
}
}

相關(guān)文章

最新評(píng)論