原生js如何判斷一個核取方塊是否選中
使用jquery判斷一個核取方塊是否選中非常簡單,具體可以參閱jQuery判斷checkbox核取方塊是否選中一章節。
使用原生的javascript實現此功能也是非常的簡單,下面用例項程式碼做一下介紹。
程式碼如下:
[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 ck=document.getElementById("ck"); var bt=document.getElementById("bt"); var show=document.getElementById("show"); bt.onclick=function(){ if(ck.checked){ show.innerHTML="核取方塊已經選中"; } if(!ck.checked){ show.innerHTML="核取方塊沒有選中"; } } } </script> </head> <body> <div id="show"></div> <input type="checkbox" id="ck" value="1"/> <input type="button" id="bt" value="檢視效果"/> </body> </html>
上面的程式碼實現了判斷功能,checked屬性參閱javascript checkbox.checked一章節。
相關文章
- js如何判斷一個checkbox核取方塊是否被選中JS
- jQuery如何判斷一個checkbox核取方塊是否被選中jQuery
- javascript如何判斷checkbox核取方塊是否被選中JavaScript
- JavaScript 判斷checkbox核取方塊是否選中JavaScript
- jQuery判斷checkbox核取方塊是否選中jQuery
- JavaScript判斷checkbox核取方塊是否選中JavaScript
- jQuery 判斷checkbox核取方塊是否被選中jQuery
- jquery實現的判斷checkbox核取方塊是否被選中jQuery
- 判斷核取方塊中是否有被選中的程式碼例項
- jquery判斷checkbox核取方塊是否被選中的幾種方式jQuery
- 判斷核取方塊和單選按鈕程式碼
- js 獲取被選中核取方塊的值JS
- js獲取選中checkbox核取方塊的值JS
- 原生js實現的核取方塊的全選和全不選效果JS
- JS實現核取方塊全選反選JS
- js如何判斷一個物件是否存在JS物件
- jquerycheckbox核取方塊多次點選判斷選中狀態,以及全選/取消的程式碼示例jQuery
- js判斷checkbox是否選中JS
- js核取方塊全選和取消全選效果JS
- JavaScript 限制核取方塊選中數目JavaScript
- js如何判斷一個函式是否存在JS函式
- javascript中如何判斷一個字串是否為JSON格式JavaScript字串JSON
- 如何實現點選文字也能夠選中核取方塊
- js如何實現點選li選中和取消裡面的核取方塊JS
- JavaScript獲取選中checkbox核取方塊值JavaScript
- 如何在js中判斷是否包含某個字串JS字串
- JavaScript獲取選中checkbox核取方塊的選中值JavaScript
- 檢測checkbox核取方塊是否被選中的例項程式碼
- jquery table下的核取方塊選中、取消jQuery
- 將選中核取方塊值存入陣列陣列
- js如何判斷一個變數是否具有值JS變數
- js如何判斷一個變數是否是undefinedJS變數Undefined
- js如何判斷一個變數是否有值JS變數
- js獲取checkbox核取方塊checked屬性值為true核取方塊JS
- JavaScript 獲取選中checkbox核取方塊的值JavaScript
- jquery獲取選中checkbox核取方塊的值jQuery
- javascript獲取選中checkbox核取方塊的值JavaScript
- jQuery如何實現核取方塊全選和全不選jQuery