jquery如何获取checkbox的值
jquery如何獲取checkbox的值
一、總結(jié)
一句話總結(jié)：就是通過jquery獲取哪些對(duì)應(yīng)name的checkbox，然后找出:check（被選中的），然后通過jquery的each遍歷獲取這些的值即可
$('input[name='checkboxName']:checked')+.each遍歷取值
?
?
?
二、使用JQuery獲取被選中的checkbox的value值
參考：使用JQuery獲取被選中的checkbox的value值
https://www.cnblogs.com/td960505/p/6123510.html
以下為使用JQuery獲取input checkbox被選中的值代碼:
<html>
?? ?<head>
?? ??? ?<meta charset="gbk">
?? ??? ?<!-- 引入JQuery -->
?? ??? ?<script src="jquery-1.3.1.js" type="text/javascript"></script>
?? ?</head>
?? ?<body>
?? ??? ?<input type="checkbox" value="橘子" name="check">橘子1</input>
?? ??? ?<input type="checkbox" value="香蕉" name="check">香蕉1</input>
?? ??? ?<input type="checkbox" value="西瓜" name="check">西瓜1</input>
?? ??? ?<input type="checkbox" value="芒果" name="check">芒果1</input>
?? ??? ?<input type="checkbox" value="葡萄" name="check">葡萄1</input>
?? ??? ?
?? ??? ?<input type="button" value="方法1" id="b1">
?? ??? ?<input type="button" value="方法2" id="b2">
?? ?</body>
?? ?
?? ?<script>
?? ??? ?//方法1
?? ??? ?$("#b1").click(function(){
?? ??? ??? ?//$('input:checkbox:checked') 等同于 $('input[type=checkbox]:checked')
?? ??? ??? ?//意思是選擇被選中的checkbox
?? ??? ??? ?$.each($('input:checkbox:checked'),function(){
?? ??? ??? ??? ?window.alert("你選了："+
?? ??? ??? ??? ??? ?$('input[type=checkbox]:checked').length+"個(gè)，其中有："+$(this).val());
?? ??? ??? ?});
?? ??? ?});
?? ??? ?
?? ??? ?//方法2
?? ??? ?$("#b2").click(function(){
?? ??? ??? ?$.each($('input:checkbox'),function(){
?? ??? ??? ??? ?if(this.checked){
?? ??? ??? ??? ??? ?window.alert("你選了："+
?? ??? ??? ??? ??? ??? ?$('input[type=checkbox]:checked').length+"個(gè)，其中有："+$(this).val());
?? ??? ??? ??? ?}
?? ??? ??? ?});
?? ??? ?});
?? ?</script>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/Renyi-Fan/p/10663985.html
總結(jié)
以上是生活随笔為你收集整理的jquery如何获取checkbox的值的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： t470键盘拆解_Thinkpad 二手
- 下一篇： 微星主板节能模式怎么关闭_技嘉小雕、微星