jQuery获取单选框(复选框)选中的状态

时间:2021-08-09 12:36:30

jQuery 获取单选框(复选框)选中的状态

<input type="checkbox" name="" id="choose"/> / <input type="raido" name="" id="choose"/>


<script type="text/javascript">	   
    $(document).click(function(){
	console.log($("#choose").is(":checked"))
	console.log($("#choose").prop("checked"));
	console.log($("#choose").get(0).checked);
    })
</script>  

代码中 console 的即为jQuery获取单选框(复选框)选中的状态的方法 ($("xxxx").is(":checked")$("xxxx").prop("checked")$("xxxx").get(0).checked;)

这里为何不能通过$(select).attr()获取,是因为通过该方法返回的是属性的属性值,不是true和false。即单选框(复选框)为选中状态时,$("#choose").attr("checked")获取的是选中的属性,返回为checked;反之,$("#choose").attr("checked")返回undefined。