讓復(fù)選框只能選擇一項的方法
更新時間：2013年10月08日 17:52:07 作者：
如何讓復(fù)選框只能選擇一項，實現(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)">
復(fù)制代碼 代碼如下:
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頁面中：
復(fù)制代碼 代碼如下:
<input type="checkbox" id="${userGroup.groupId}" name="chk" onClick="chooseOne(this)">
相關(guān)文章
JS監(jiān)聽瀏覽器關(guān)閉、刷新及切換標簽頁觸發(fā)事件代碼示例
瀏覽器是客戶端,客戶端的操作服務(wù)器是監(jiān)聽不到的,所以可以用js來監(jiān)聽,js代碼監(jiān)聽瀏覽器關(guān)閉或者刷新,這篇文章主要給大家介紹了關(guān)于JS監(jiān)聽瀏覽器關(guān)閉、刷新及切換標簽頁觸發(fā)事件的相關(guān)資料,需要的朋友可以參考下2023-11-11
在項目開發(fā)過程中遇到一個需要從小程序上傳圖片的需求,此需求實現(xiàn)起來并不難,下面這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)指南之圖片壓縮解決方案的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
js函數(shù)與php函數(shù)的區(qū)別實例淺析
這篇文章主要介紹了js函數(shù)與php函數(shù)的區(qū)別,以實例形式較為簡單的分析了js函數(shù)與php函數(shù)語法及應(yīng)用上的不同點,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
這篇文章介紹了javascript中類型判斷的最佳方式，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
這篇文章主要為大家介紹了Javascript類型轉(zhuǎn)換，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
Day.js是一個輕量的處理時間和日期的JavaScript庫,和Moment.js的API設(shè)計保持完全一樣,這篇文章主要給大家介紹了關(guān)于js如何快速處理日期以及手寫Day.js的相關(guān)資料,需要的朋友可以參考下2024-06-06
next.js之getStaticProps?getStaticPaths使用技巧解析
這篇文章主要為大家介紹了next.js之getStaticProps?getStaticPaths使用技巧解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
用JSON.parse 來轉(zhuǎn)換成json對象，由于有注釋的存在則無法正確轉(zhuǎn)換甚至報錯。匹配字符串中的所有注釋，包括單行和多行注釋2013-11-11
SelectPage v2.4 發(fā)布新增純下拉列表和關(guān)閉分頁功能
下拉分頁選擇插件 SelectPage v2.4 發(fā)布了，新增純下拉列表和關(guān)閉分頁功能，下面通過本文給大家啊介紹SelectPage的相關(guān)知識，感興趣的的朋友一起看看吧2017-09-09
詳解webpack import()動態(tài)加載模塊踩坑
這篇文章主要介紹了詳解webpack import()動態(tài)加載模塊踩坑，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07