欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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