JQuery對checkbox全選/取消全選

<html>
<head>
<script language="javascript">
$(document).ready(function(){
$("#qx").click(function() {
if ($(this).attr("checked") ==true) {
//全選
$("input[name='yf']").each(function(){
$(this).attr("checked",true)
});
} else {
// 取消全選
$("input[name='yf']").each(function() {
$(this).attr("checked",false);
});
}
});
});
</script>
</head>
<body>
選擇月份
<inputtype="checkbox" name="qx" id="qx"value="1" />全選
<input type="checkbox"name="yf" id="yf" value="1" />1月
<inputtype="checkbox" name="yf" id="yf"value="2" />2月
<inputtype="checkbox" name="yf" id="yf"value="3" />3月
<inputtype="checkbox" name="yf" id="yf"value="4" />4月
<inputtype="checkbox" name="yf" id="yf" value="5"/>5月
<inputtype="checkbox" name="yf" id="yf"value="6" />6月
<inputtype="checkbox" name="yf" id="yf"value="7" />7月
<inputtype="checkbox" name="yf" id="yf"value="8" />8月
<inputtype="checkbox" name="yf" id="yf"value="9" />9月
<inputtype="checkbox" name="yf" id="yf"value="10" />10月
<inputtype="checkbox" name="yf" id="yf"value="11" />11月
<input type="checkbox"name="yf" id="yf" value="12" />12月
</body>
</html>

文章題目：JQuery對checkbox全選/取消全選
鏈接分享：http://muchs.cn/article0/gessio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、域名注冊、企業(yè)網(wǎng)站制作、關(guān)鍵詞優(yōu)化、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容