使用jquery獲取被選中checkbox覆選框的值:checkbox是重要的表單元素,在很多多項選擇中使用,下麵就通過代碼實例介紹一下如何獲取覆選框中所有被選中項的值,希望能夠給需要的朋友帶來一定的幫助。代碼如下:螞蟻部落 螞蟻部落一 螞蟻部落二 螞蟻部落三 以上代碼非常的簡單這裡就不多介...
使用jquery獲取被選中checkbox覆選框的值:
checkbox是重要的表單元素,在很多多項選擇中使用,下麵就通過代碼實例介紹一下如何獲取覆選框中所有被選中項的值,希望能夠給需要的朋友帶來一定的幫助。
代碼如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ var theArray=[]; $("#btn").click(function(){ $("input[name=ckb]:checked").each(function() { theArray.push($(this).val()); }); alert(theArray); }) }) </script> </head> <body> <div> <input type="checkbox" name="ckb" value="螞蟻部落一"/>螞蟻部落一 <input type="checkbox" name="ckb" value="螞蟻部落二"/>螞蟻部落二 <input type="checkbox" name="ckb" value="螞蟻部落三"/>螞蟻部落三 <input type="button" id="btn" value="取值"/> </div> </body> </html>
以上代碼非常的簡單這裡就不多介紹了,可以參閱相關閱讀。
相關閱讀:
1.click事件可以參閱jQuery的click事件一章節。
2.each()函數可以參閱jQuery的each()方法一章節。
3.push()函數可以參閱javascript的Array對象的push()方法一章節。
4.val()函數可以參閱jQuery的val()方法一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12403
更多內容可以參閱:http://www.softwhy.com/jquery/