直接贴代码,如下:
<html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <table cellpadding="10" cellspacing="1" width="70%" border="1" align="center"> <tr > <td align="center"> 个人税收居民身份声明</td> </tr> <tr > <td>本人声明:</td> </tr> <tr > <td> <input type="checkBox" name="statement" id="1" onclick="selectCheckOne(this)">1.声明1 </td> </tr> <tr > <td> <input type="checkBox" name="statement" id="2" onclick="selectCheckOne(this)">2.声明2</td> </tr> <tr > <td> <input type="checkBox" name="statement" id="3" onclick="selectCheckOne(this)">3.声明3</td> </tr> </table> </body> <script> function selectCheckOne(obj){ var checks = document.getElementsByName("statement"); if(obj.checked){ for( var i=0;i<checks.length;i++){ checks[i].checked=false; } obj.checked=true; }else{ for( var i=0;i<checks.length;i++){ checks[i].checked=false; } } } </script> </html>
相关推荐:
input:checkbox多选框实现单选效果跟radio一样
javascript实现链接单选效果的方法_javascript技巧
ReactJS中表单的单选多选与反选的实现方法
以上就是JS实现checkBox的单选效果实例代码的详细内容,更多请关注php中文网其它相关文章!