首頁 > web前端 > js教程 > js實作複選框只能選擇一項的方法詳解

js實作複選框只能選擇一項的方法詳解

小云云
發布: 2018-01-24 09:37:38
原創
3652 人瀏覽過

本文主要為大家分享一篇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取得複選框所選取的目前行的某個欄位的值_

以上是js實作複選框只能選擇一項的方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板