首页 > 代码库 > 用JS把复选框做成单选框,左显示div,右隐藏div
用JS把复选框做成单选框,左显示div,右隐藏div
<input type="checkbox" name="checkname" onclick="check(this)"/>左 <input type="checkbox" name="checkname" onclick="check(this)"/>右 <div id="show" style="display:block;">显示</div> <div id="hidden" style="display:none;">隐藏</div> <script type="text/javascript"> function check(obj){ var checks = document.getElementsByName("checkname"); 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; } } document.getElementById(‘show‘).style.display = document.getElementById(‘show‘).style.display=="none"?"block":"none"; document.getElementById(‘hidden‘).style.display = document.getElementById(‘hidden‘).style.display=="none"?"block":"none"; } </script>
用JS把复选框做成单选框,左显示div,右隐藏div
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。