单选按钮加confirm进行判断返回false任被选中问题

最新推荐文章于 2022-06-23 17:19:37 发布

weixin_30586257

最新推荐文章于 2022-06-23 17:19:37 发布

阅读量268

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/licz/p/6257085.html

本文介绍了一种使用JavaScript来管理HTML中单选按钮状态的方法。通过定义特定的函数，可以实现在页面加载时获取已选择的选项，并允许用户更改选项前进行确认提示。这种方法有助于维护表单状态并提升用户体验。

 1     <html>  
 2         <head>  
 3           
 4         <script language="javascript">  
 5             var checkValue = "";  
 6             var radios = document.getElementsByName("test");  
 7             function nowChecked(){  
 8                 for(var i=0;i<radios.length;i++){  
 9                     if(radios[i].checked){  
10                         checkValue = radios[i].value;  
11                     }  
12                 }  
13             }  
14             function change(n){  
15                   
16                 //alert("checkValue:"+checkValue+"  n:"+n);  
17                 if(checkValue != n){  
18                   
19                     if(confirm("确认修改？")){  
20                         radios[n].checked =true;  
21                         nowChecked();  
22                     }else{  
23                         radios[checkValue].checked = true;  
24                     }  
25                 }  
26             }  
27         </script>  
28         </head>  
29           
30         <body onload="nowChecked()">  
31             <input type="radio" name="test" value="0" checked="checked" onclick="change(0)"/>是  
32             <input type="radio" name="test" value="1" onclick="change(1)"/>否  
33         </body>  
34       
35     </html>

转载于:https://www.cnblogs.com/licz/p/6257085.html