JQuery判断radio单选框是否选中
程序员文章站
2022-07-14 22:30:23
...
在开发中我们往往需要对某单选框或复选框的选中状态做判断,看了看网上有的写的好麻烦好麻烦,最标准的也是最简单就是用is()来进行判断:
Jquery版本,请确保你已经导入jquery:
<div>
<input type="radio" name="check" id="first">
<input type="radio" name="check" id="second">
<input type="radio" name="check" id="third">
</div>
<script type="text/javascript">
$(function(){
//获取radio集
$("input:radio[name='check']").change(function(){
//遍历radio集
$("input:radio[name='check']").each(function(){
//当前radio是否为选中状态
alert($(this).attr('id')+' is '+$(this).is(':checked'));
});
});
});
</script>
JS版本:
<div>
<input type="radio" name="check" id="first">
<input type="radio" name="check" id="second">
<input type="radio" name="check" id="third">
</div>
<button onclick="checkStatus()">JS测试选中状态</button>
<!--js版本-->
<script type="text/javascript">
function checkStatus(){
var radios = document.getElementsByName('check');
for(var i = 0; i < radios.length; i ++) {
if(radios[i].checked) {
alert(radios[i].getAttribute('id')+' is checked!');
} else {
alert(radios[i].getAttribute('id')+' is not checked!');
}
}
}
</script>
转载于:https://my.oschina.net/sallency/blog/384660
上一篇: 判断表单内单选框是否被选中
下一篇: Jquery 入门