讓復選框只能選擇一項的方法
更新時間: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-09JS實現(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-01JavaScript和jQuery獲取input框的絕對位置實現(xiàn)方法
下面小編就為大家?guī)硪黄狫avaScript和jQuery獲取input框的絕對位置實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10