关于jQuery中的attr和prop_jquery的attr和prop-优快云博客

本文链接：https://blog.youkuaiyun.com/ade1986/article/details/78469424

本人对于web的开发不懂，今天群里碰到一位同志提问说为什么设置radiobutton的状态只有第一次管用，以后就不管用了，然后贴上了代码

作为一个爱学习的小朋友，我上网搜了一下，发现他的代码中利用jQuery中的attr方法设置的radiobutton的选中状态，但是这个attr只执行一次，很蛋疼，应该是用prop方法来设置radiobutton的checked属性，这样就ok了，作为一个菜鸟，估计以后也许会忘掉这个问题，记录一下。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<input id="cbf" name="nxg" type="radio" value="我是选项一">我控制是
<input id="csw" name="nxg" type="radio" value="我是选项二" >我控制否
<div style=" width: 300px; height: 200px" > </div>
<input id="shi" name="siWang" type="radio" value="是" >是
<input id="fou" name="siWang" type="radio" value="否" >否

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#cbf').click(function(){
                $("#shi").prop("checked", true);
                $("#fou").prop("checked",false);
        });
        $('#csw').click(function(){
                $("#shi").prop("checked",false);
                $("#fou").prop("checked", true);
        });
    });
</script>
</body>

</html>