將選中核取方塊值存入陣列
因為核取方塊可以同時被選擇多個,既然是多個資料,有時候將被選中的值存入陣列可能更便於管理和操作,下面就通過程式碼例項介紹一下如何實現此效果,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .set{ width:100px; height:100px; padding:20px; background:green; margin:10px; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> function show(){ var strIds=new Array();//宣告一個存放id的陣列 $("input[name=items]").each(function (i,d){ if(d.checked){ strIds.push(d.value); } }) if(strIds.length<1){ alert("您沒有選中項!"); } else{ var ids=strIds.join(","); alert("你選中的字串有:"+ids); } } </script> </head> <body> <input type="checkbox" name="items" value="1">1 <input type="checkbox" name="items" value="2">2 <input type="checkbox" name="items" value="3">3 <input type="checkbox" name="items" value="4">4 <input type="checkbox" name="items" value="5"> <input type="button" value="提示選擇的"> </body> </html>
相關閱讀:
(1).each()可以參閱jQuery each()一章節。
(2).push()可以參閱javascript Array push()一章節。
(3).join()可以參閱javascript Array join()一章節。
相關文章
- jQuery實現的將選中的checkbox核取方塊的值存入陣列jQuery陣列
- JavaScript獲取選中checkbox核取方塊值JavaScript
- js 獲取被選中核取方塊的值JS
- JavaScript 獲取選中checkbox核取方塊的值JavaScript
- jquery獲取選中checkbox核取方塊的值jQuery
- js獲取選中checkbox核取方塊的值JS
- javascript獲取選中checkbox核取方塊的值JavaScript
- jQuery獲取選中的checkbox核取方塊的值jQuery
- 使用jquery獲取被選中checkbox核取方塊的值jQuery
- jQuery獲取選中核取方塊的值程式碼例項jQuery
- 獲取選中checkbox核取方塊的值程式碼例項
- jQuery獲取選中的核取方塊或者單按鈕的值jQuery
- JavaScript 限制核取方塊選中數目JavaScript
- js獲取checkbox核取方塊checked屬性值為true核取方塊JS
- JavaScript獲取選中checkbox核取方塊的選中值JavaScript
- jquery table下的核取方塊選中、取消jQuery
- JavaScript 核取方塊全選和全不選JavaScript
- 根據name屬性值篩選checkbox核取方塊
- JavaScript 判斷checkbox核取方塊是否選中JavaScript
- JavaScript刪除核取方塊選中的表格行JavaScript
- javascript 限制checkbox核取方塊選中數量JavaScript
- jQuery判斷checkbox核取方塊是否選中jQuery
- jquery限制checkbox核取方塊選中數目jQuery
- JavaScript判斷checkbox核取方塊是否選中JavaScript
- 單選按鈕和核取方塊
- jquery獲取沒有選中的checkbox核取方塊jQuery
- 一個數值儲存核取方塊的值
- jQuery核取方塊全選和全不選效果jQuery
- javascript核取方塊全選和反選效果JavaScript
- JS實現核取方塊全選反選JS
- layui獲取頁面checkbox核取方塊值UI
- jQuery Validate限定核取方塊選中的數目jQuery
- JavaScript設定checkbox核取方塊選中狀態JavaScript
- jQuery 判斷checkbox核取方塊是否被選中jQuery
- 如何實現點選文字也能夠選中核取方塊
- css點選附近文字選中核取方塊程式碼例項CSS
- JS如何實現對name是陣列的核取方塊的全選和反選以及取消選擇JS陣列
- checkbox 核取方塊全選程式碼