本文介绍如何使用jQuery为单选框绑定点击事件及获取选中值的方法，包括不同方式实现取值、默认选中状态设置等内容。
假如你现在还在为自己的技术担忧，假如你现在想提升自己的工资，假如你想在职场上获得更多的话语权，假如你想顺利的度过35岁这个魔咒，假如你想体验BAT的工作环境，那么现在请我们一起开启提升技术之旅吧，详情请点击http://106.12.206.16:8080/qingruihappy/index.html
3.1，单选框绑定bind事件，并取值
| $("input:radio[name='terminalType']").bind('click',[A1] function(){ //CNP内卡费率类型：无卡支付CNP普通费率 无卡支付CNP借贷分离 阶梯费率 无卡支付CNP分期 if(this[A2] .value=='1'){ showCnpBillClientInfo(); } if(this.value=='2'){ showCnpApi(); } if(this.value=='3'){ showCnpWeb(); } if(this.value=='4'){ showCnpWebClient(); } } |
|
|
3.2，单选框取值方法二
| $(function(){ $("#btnSubmit").click(function(){ var val=$('input:radio[name="sex"]:checked').val(); if(val==null){ alert("什么也没选中!"); return false; } else{ alert(val); } var list= $('input:radio[name="list"]:checked').val(); if(list==null){ alert("请选中一个!"); return false; } else{ alert(list); } }); }); </script> </head>
<body> <form id="form1" > <input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女 <br /> <input type="radio" name="list" value="十分满意" />十分满意 <input type="radio" name="list" value="满意" />满意 <input type="radio" name="list" value="不满意" />不满意 <input type="radio" name="list" value="非常差" />非常差 <br /> <input type="submit" value="submit" id="btnSubmit" /> </form> </body> </html> |
| radio不能用“checked”相等来判断，只用用true来判断 |
| <script type="text/javascript"> $(function () { $("input").click(function () { if ($(this).attr("checked")) { alert("选中了"); } }); }); </script> </head> <body> <input type="radio"/> </body> </html> |
| jquery获取radio单选按钮的值 |
| $("input[name='items']:checked").val(); |
| 判断radio是否选中并取得选中的值 |
| function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--选中的值为："+$(":radio:checked").val()); } } |
| 获取一组radio被选中项的值 |
| var item = $('input[name=items][checked]').val(); |
| 设置单选按钮被选中 |
| $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 |
3.3，单选框的默认设置
| $("input:radio[name='name'][value='false']").attr("checked",true);[A3] |
[A1]给name为'terminalType'绑定一个click事件
[A2]这个this就是input:radio[name='terminalType']
[A3]单选框默认选中value为false的name的值
扫一扫
3449
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
