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

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;) 

选中返回true;否则是false。

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

上一篇:HTML表单


下一篇:el-tree选中子级时默认选中父级