.png)
相關關鍵詞
關于我們
最新文章
- 拉動懸浮于頂部的JS控制代碼
- 在JavaScript中構建ArrayList示例代碼
- js使用for循環(huán)及if語句判斷多個一樣的name
- JavaScript中判斷原生函數檢查function是否是原生代碼
- jQuery CSS()方法改變現有的CSS樣式表
- JavaScript中判斷原生函數檢查function是否是原生代碼
- jQuery動畫高級用法（上）——詳解animation中的.queue()函數
- python小技巧之批量抓取美女圖片
- JS中offsetTop、clientTop、scrollTop、offsetTop各屬性介紹
- JS獲取瀏覽器窗口大小 獲取屏幕，瀏覽器，網頁高度寬度
用JQuery實現全選與取消的兩種簡單方法
本篇文章主要是對JQuery實現全選與取消的兩種簡單方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
用JQUERY實現全選和取消全選,沒有js那么繁瑣，而且支持更多瀏覽器。
復制代碼代碼如下:
<mce:script type="text/javascript"><!--
$(function() {
$("#checkall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#delcheckall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", false);
});
});
});
// --></mce:script>
<input type='checkbox' id='id1' name='checkname[]' value='1' />value1
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3
<input type="button" id="checkall" name="checkall" value="全選" />
<input type="button" id="delcheckall" name="delcheckall" value="取消全選" />
更加簡單的一種:
復制代碼代碼如下:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").attr('checked', true)
}else{
$("input[name='checkname']").attr('checked', false)
}
}
);