js獲取checkbox核取方塊checked屬性值為true核取方塊
checkbox核取方塊具有兩種狀態,一種是選中狀態,另一種是非選中狀態,在實際應用中可能需要湖區選中的核取方塊元素,下面就通過程式碼例項介紹一下如何實現此效果。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var theArray=[]; var cks=document.getElementsByTagName("input"); var oshow=document.getElementById("show"); for(var index=0;index<cks.length;index++){ if(cks[index].checked==true){ theArray.push(cks[index].value); } } oshow.innerHTML=theArray.toString() } </script> </head> <body> <div id="show"></div> <div> <input type="checkbox" value="1" checked/> <input type="checkbox" value="2"/> <input type="checkbox" value="3" checked/> <input type="checkbox" value="4"/> <input type="checkbox" value="5" checked/> </div> </body> </html>
以上程式碼實現了我們的要求,可以獲取選中核取方塊的value值,並將其寫入div中。
相關文章
- js獲取選中checkbox核取方塊的值JS
- layui獲取頁面checkbox核取方塊值UI
- JavaScript獲取選中checkbox核取方塊值JavaScript
- JavaScript 獲取選中checkbox核取方塊的值JavaScript
- jquery獲取選中checkbox核取方塊的值jQuery
- javascript獲取選中checkbox核取方塊的值JavaScript
- 根據name屬性值篩選checkbox核取方塊
- jQuery獲取選中的checkbox核取方塊的值jQuery
- js 獲取被選中核取方塊的值JS
- jQuery獲取所有的checkbox核取方塊元素jQuery
- 使用jquery獲取被選中checkbox核取方塊的值jQuery
- HTML input checkbox 核取方塊HTML
- HTML input checkbox核取方塊HTML
- CSS 美化checkbox核取方塊CSS
- jQuery checkbox核取方塊操作jQuery
- 獲取選中checkbox核取方塊的值程式碼例項
- jquery獲取沒有選中的checkbox核取方塊jQuery
- JavaScript獲取選中checkbox核取方塊的選中值JavaScript
- checkbox 核取方塊全選程式碼
- css3美化checkbox核取方塊CSSS3
- JavaScript動態新增checkbox核取方塊JavaScript
- JavaScript動態建立checkbox核取方塊JavaScript
- phpcheckbox核取方塊值的獲取與checkbox預設值輸出方法PHP
- js實現checkbox核取方塊的反選效果JS
- jQuery操作checkbox核取方塊方法大全jQuery
- checkbox核取方塊美化程式碼例項
- jQuery獲取選中核取方塊的值程式碼例項jQuery
- JavaScript 判斷checkbox核取方塊是否選中JavaScript
- CSS模擬美化checkbox核取方塊詳解CSS
- javascript 限制checkbox核取方塊選中數量JavaScript
- jQuery判斷checkbox核取方塊是否選中jQuery
- jquery限制checkbox核取方塊選中數目jQuery
- JavaScript判斷checkbox核取方塊是否選中JavaScript
- jquery實現checkbox核取方塊全選效果jQuery
- jQuery獲取選中的核取方塊或者單按鈕的值jQuery
- ElementUi Table核取方塊回顯UI
- 將選中核取方塊值存入陣列陣列
- 一個數值儲存核取方塊的值