js 實現(xiàn)復選框只能選擇一項的示例代碼
更新時間：2018年01月23日 09:02:14 作者：water_Popcorn
下面小編就為大家分享一篇js 實現(xiàn)復選框只能選擇一項的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
實例如下所示：
<!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>
以上這篇js 實現(xiàn)復選框只能選擇一項的示例代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
用VsCode編輯TypeScript的實現(xiàn)方法
這篇文章主要介紹了用VsCode編輯TypeScript的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
這篇文章主要介紹了使用js繪制幾何圖形教程，本文主要是教大家繪制圓、弧、扇形,需要的朋友可以參考下2015-01-01
微信小程序學習筆記之表單提交與PHP后臺數(shù)據(jù)交互處理圖文詳解
這篇文章主要介紹了微信小程序學習筆記之表單提交與PHP后臺數(shù)據(jù)交互處理,結合實例形式詳細分析了微信小程序前臺數(shù)據(jù)form表單提交及后臺使用php進行處理相關操作技巧,并配以圖文形式詳細說明,需要的朋友可以參考下2019-03-03
JS 清除字符串數(shù)組中,重復元素的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫S 清除字符串數(shù)組中,重復元素的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
用ajax實現(xiàn)的自動投票的代碼...2007-03-03
elemetUi 組件--el-upload實現(xiàn)上傳Excel文件的實例
這篇文章主要介紹了elemetUi 組件--el-upload實現(xiàn)上傳Excel文件的實例的相關資料,希望通過本文大家能夠實現(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
這篇文章主要為大家詳細介紹了js下載文件并修改文件名的代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)根據(jù)日期和時間排序功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
本篇文章是對B/S模式項目中常用的javascript進行了匯總介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
用簡單的腳本實現(xiàn)一款漂亮的下拉菜單...2006-12-12