讓復選框只能選擇一項的方法
更新時間：2013年10月08日 17:52:07 作者：
如何讓復選框只能選擇一項，實現(xiàn)的方法有很多，在本文為大家詳細介紹下，有此需求的朋友可以參考下
js中：
function chooseOne(chk){
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("chk");
for (i=0; i<obj.length; i++){
//判斷obj集合中的i元素是否為cb，若否則表示未被點選
if (obj[i]!=chk) obj[i].checked = false;
//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行
else obj[i].checked = true;
}
}
jsp頁面中：
<input type="checkbox" id="${userGroup.groupId}" name="chk" onClick="chooseOne(this)">
復制代碼 代碼如下:
function chooseOne(chk){
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("chk");
for (i=0; i<obj.length; i++){
//判斷obj集合中的i元素是否為cb，若否則表示未被點選
if (obj[i]!=chk) obj[i].checked = false;
//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行
else obj[i].checked = true;
}
}
jsp頁面中：
復制代碼 代碼如下:
<input type="checkbox" id="${userGroup.groupId}" name="chk" onClick="chooseOne(this)">
相關文章
采用自執(zhí)行的匿名函數(shù)解決for循環(huán)使用閉包的問題
這篇文章主要介紹了采用自執(zhí)行的匿名函數(shù)解決for循環(huán)使用閉包的問題,很簡單，但比較實用，需要的朋友可以參考下2014-09-09
JS實現(xiàn)查找數(shù)組中對象的屬性值是否存在示例
這篇文章主要介紹了JS實現(xiàn)查找數(shù)組中對象的屬性值是否存在,涉及javascript針對json數(shù)組的遍歷、查找相關操作技巧,需要的朋友可以參考下2019-05-05
基于Marquee.js插件實現(xiàn)的跑馬燈效果示例
這篇文章主要介紹了基于Marquee.js插件實現(xiàn)的跑馬燈效果,結合實例形式給出了Marquee.js插件的定義及具體使用方法,需要的朋友可以參考下2017-01-01
JavaScript和jQuery獲取input框的絕對位置實現(xiàn)方法
下面小編就為大家?guī)硪黄狫avaScript和jQuery獲取input框的絕對位置實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了前端實現(xiàn)類似chatgpt的對話頁面(案例),需要的朋友可以參考下2023-03-03
這篇文章主要深度揭密了js輪播插件核心代碼的實現(xiàn)過程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
chrome瀏覽器不僅僅可以用來上網(wǎng)，對于開發(fā)人員來說，它更像是一款強大的開發(fā)輔助工具。今天這篇文章給大家分享在chrome瀏覽器如何斷點調試異步加載的JS，有需要的可以參考借鑒。2016-09-09
單個的加號作為運算符在 JavaScript 中有三種作用。2013-03-03
這篇文章主要介紹了JS實現(xiàn)日期加減的方法，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)HSL拾色器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05