Rumah > Artikel > hujung hadapan web > js实现复选框只能选择一项的方法详解
js实现复选框只能选择一项的方法详解
- 小云云asal
- 2018-01-24 09:37:383552semak imbas
本文主要为大家分享一篇js 实现复选框只能选择一项的示例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧，希望能帮助到大家。
实例如下所示：
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li><input type="checkbox" name="ss" onclick="choose(this)">1</li>
<li><input type="checkbox" name="ss" onclick="choose(this)">2</li>
<li><input type="checkbox" name="ss" onclick="choose(this)">3</li>
<li><input type="checkbox" name="ss" onclick="choose(this)">4</li>
<li><input type="checkbox" name="ss" onclick="choose(this)">5</li>
</ul>
<script language="JavaScript">
function choose(obj){
var ss= document.getElementsByName("ss");
for (var i = 0; i < ss.length; i++) {
ss[i].checked = false;
}
obj.checked = true;
}
</script>
</body>
</html>
大家学会了吗？赶紧动手尝试一下吧。
jquery处理checkbox复选框是否被选中实例代码分享
Atas ialah kandungan terperinci js实现复选框只能选择一项的方法详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：BootStrap自定义popover实现点击区域隐藏功能Artikel seterusnya：js和jQuery以及easyui实现对下拉框的指定赋值实例分享