关于jQuery中的attr和prop

来源：互联网发布：抽奖算法奖池 c 编辑：程序博客网时间：2024/06/03 20:12

本人对于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>

阅读全文

0 0