JQuery判断radio单选框是否选中

最新推荐文章于 2023-03-09 11:41:06 发布

weixin_33998125

最新推荐文章于 2023-03-09 11:41:06 发布

阅读量334

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/sallency/blog/384660

版权

2019独角兽企业重金招聘Python工程师标准>>>

在开发中我们往往需要对某单选框或复选框的选中状态做判断,看了看网上有的写的好麻烦好麻烦，最标准的也是最简单就是用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