欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

限制復(fù)選框最多選擇項(xiàng)的實(shí)現(xiàn)代碼

 更新時(shí)間：2016年05月30日 09:45:42   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇限制復(fù)選框最多選擇項(xiàng)的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

在一個(gè)招聘網(wǎng)站中，通過(guò)限制用戶選擇職位標(biāo)簽個(gè)數(shù)，可以精確定位用戶的職位。例如，以復(fù)選框的形式為用戶提供一下備選職位標(biāo)簽，限制用戶最多選擇3個(gè)，當(dāng)超過(guò)三個(gè)時(shí)禁止用戶繼續(xù)選擇。

復(fù)選框在問(wèn)卷調(diào)查，招聘網(wǎng)站用的很廣，今天來(lái)介紹一下限制復(fù)選框最多選擇幾項(xiàng)的方法：

思路：

監(jiān)聽(tīng)復(fù)選框的onclick事件

checkbox.onclick = function(){
 //代碼塊
}

監(jiān)聽(tīng)復(fù)選框的checked屬性：

if(chckbox.checked){
 //代碼塊
}

HTML代碼：

< input type= "checkbox" name= "sport"/>籃球<br />
< input type= "checkbox" name= "sport"/>足球<br />
< input type= "checkbox" name= "sport"/>排球<br />
< input type= "checkbox" name= "sport"/>羽毛球<br/>
< input type= "checkbox" name= "sport"/>乒乓球<br/>
< p>最多選擇三項(xiàng)</p>

JavaScript代碼：

var sportSelect = document.getElementsByName('sport' ),
              maxNums   = 3;
           for(var i in sportSelect){
              sportSelect[i]. onclick = function (){
                 var _sportSelect = document.getElementsByName('sport' ),
                   cNums      = 0;
                 for(var i in _sportSelect){
                   if(i == 'length') break ;
                   if(_sportSelect[i].checked){
                      cNums ++;
                   }
                }
                 if(cNums > maxNums){
                   this.checked = false;
                    alert('最多只能選擇三項(xiàng)');
                }
              }
           }

以上這篇限制復(fù)選框最多選擇項(xiàng)的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論