cari

Rumah  >  Artikel  >  hujung hadapan web  >  js实现复选框只能选择一项的方法详解

js实现复选框只能选择一项的方法详解

小云云
小云云asal
2018-01-24 09:37:383619semak 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>

大家学会了吗？赶紧动手尝试一下吧。

让复选框只能选择一项的方法_javascript技巧

jquery处理checkbox复选框是否被选中实例代码分享

实例详解jQuery获取复选框选中的当前行的某个字段的值_

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实现对下拉框的指定赋值实例分享

Artikel berkaitan

Lihat lagi