JS如何實現對name是陣列的核取方塊的全選和反選以及取消選擇
JS如何實現對name是陣列的核取方塊的全選和反選以及取消選擇? form內容如下:
因為PHP接收要用 陣列形式的 核取方塊,正常情況下 JQ可如果是這種
直接使用 $(“input[name=ptpt])即可。但是這種php接收的只是最後一個值,字串。
<label><input type=`checkbox` name=`ptpt` value=`a1` />a1</label>
<label><input type=`checkbox` name=`ptpt` value=`a3` />a3</label>
<label><input type=`checkbox` name=`ptpt` value=`a6` />a6</label>
<label><input type=`checkbox` name=`ptpt` value=`a9` />a9</label>
這樣PHP接收的是一個 ptpt的陣列
<form method=”post” id=”form1″ name=”form1″ action=”” >
<label><input type=`checkbox` name=`ptpt[1]` value=`a1` />a1</label>
<label><input type=`checkbox` name=`ptpt[3]` value=`a3` />a3</label>
<label><input type=`checkbox` name=`ptpt[6]` value=`a6` />a6</label>
<label><input type=`checkbox` name=`ptpt[9]` value=`a9` />a9</label>
<input type=”button” value=”全選” onclick=””>
<input type=”button” value=”反選” onclick=””>
<input type=”button” value=”取消全選” onclick=””>
<script src=”jquery-1.7.2.min.js”></script>
<script>
$(function(){
var chks = $(`:checkbox[name^=”ptpt[“]`); //匹配name開頭為 ptpt[ 的部分
$(`:button:eq(0)`).click(function(){
chks.attr(`checked`,`checked`);
})
$(`:button:eq(1)`).click(function(){
chks.each(function(){
if($(this).attr(`checked`)==`checked`)
$(this).removeAttr(`checked`);
else
$(this).attr(`checked`,`checked`);
});
})
$(`:button:eq(2)`).click(function(){
chks.removeAttr(`checked`);
})
})
</script>
本文轉自 陳小龍哈 51CTO部落格,原文連結:http://blog.51cto.com/chenxiaolong/1857132
相關文章
- JS實現核取方塊全選反選JS
- js核取方塊全選和取消全選效果JS
- 如何使用jQuery實現核取方塊的全選和取消jQuery
- JavaScript 核取方塊全選和取消全選效果JavaScript
- javascript核取方塊全選和反選效果JavaScript
- jQuery如何實現核取方塊全選和全不選jQuery
- javascript實現checkbox核取方塊全選和反選功能JavaScript
- jQuery核取方塊checkbox的全選和反選jQuery
- 原生js實現的核取方塊的全選和全不選效果JS
- javascript checkbox核取方塊全選和取消全選效果JavaScript
- js如何實現點選li選中和取消裡面的核取方塊JS
- javascript實現核取方塊全選和取消程式碼分析JavaScript
- 小程式核取方塊全選和全部取消
- js實現checkbox核取方塊的反選效果JS
- checkbox核取方塊全選和取消全選例項程式碼
- JavaScript 核取方塊全選和全不選JavaScript
- 使用jQuery做核取方塊的全選與取消jQuery
- 選中和取消選中核取方塊實現背景變色和取消變色
- 實現購物車 全選全不選,反選,單選-選滿時同步全選核取方塊--核取方塊checked屬性取值問題已解決
- jQuery核取方塊全選和全不選效果jQuery
- jquerycheckbox核取方塊多次點選判斷選中狀態,以及全選/取消的程式碼示例jQuery
- JavaScript核取方塊全選和全不選詳解JavaScript
- 核取方塊全選和全不選程式碼例項
- jQuery核取方塊全選和全不選效果程式碼jQuery
- jquery table下的核取方塊選中、取消jQuery
- 將選中核取方塊值存入陣列陣列
- jquery實現checkbox核取方塊全選效果jQuery
- 如何實現點選文字也能夠選中核取方塊
- jQuery實現的將選中的checkbox核取方塊的值存入陣列jQuery陣列
- JS_多選框全選與取消全選的實現JS
- checkbox 核取方塊全選程式碼
- js 獲取被選中核取方塊的值JS
- js中checkbox的全選和反選的實現JS
- 單選按鈕和核取方塊
- js獲取選中checkbox核取方塊的值JS
- [MFC]選擇目錄對話方塊和選擇檔案對話方塊
- JavaScript獲取選中checkbox核取方塊的選中值JavaScript
- React實現全選和反選React