js控制单选按钮选中某一项

 
代码如下：
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title></title>
 6 <!-- <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> -->
 7 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
 8 <script type="text/javascript">
 9 
10 function ClickMe(value) {
11   //方式一
12   $("input[name='demo'][value='" + value + "']").prop("checked", "checked");
13   //方式二
14   //$("input[name='demo'][value='" + value + "']").attr("checked", "checked");
15   //方式三
16   //$("input[name='demo']").each(function() {
17   //  if ($(this).val() != value) {
18   //    $(this).removeAttr("checked");
19   //  } else {
20   //    $(this).prop("checked", "checked");
21   //  }
22   //});
23 
24 }
25 </script>
26 </head>
27 <body>
28 <div>
29 <label><input type="radio" name="demo" value="1"  />吃饭</label>
30 <label><input type="radio" name="demo" value="2" />睡觉</label>
31 <label><input type="radio" name="demo" value="3"  />打豆豆</label>
32 <label><input type="radio" name="demo" value="4"  />玩游戏</label>
33 
34 </div>
35 <div>
36 <input type="button" name="btnClickMe" value="选中第一个" onclick="ClickMe(1)" />
37 <input type="button" name="btnClickMe" value="选中第二个"  onclick="ClickMe(2)" />
38 <input type="button" name="btnClickMe" value="选中第三个"  onclick="ClickMe(3)" />
39 <input type="button" name="btnClickMe" value="选中第四个"  onclick="ClickMe(4)" />
40 </div>
41 </body>
42 </html>

 

posted @ 2019-07-19 18:57  常威打来福  阅读(7804)  评论(0)    收藏  举报