`

两个radio或checkbox名称不同现实只能选择一个

阅读更多

 

//**********************radio

<!--
  window.onload = function(){
   var inputs = document.getElementsByTagName("INPUT");
    for(var e in inputs){
        if(inputs[e].type == "radio"){
            inputs[e].onclick = function(){
                for(var e in inputs){
                //两种写法都可以,第一种采用的是正则表达式,效率相对第二种较底,但是未改变HTML标准比第二种容//易理解
                    //if(inputs[e].type == "radio" && this.name.replace(/\d+/g,"") === //inputs[e].name.replace(/\d+/g,""))
                    if(inputs[e].type == "radio" && this.group === inputs[e].group)
                      inputs[e].checked = false;
                }
                this.checked = true;
            };

        }
    }
  }

 

<form>

<input type="radio" name="a0" group="a"/>a0<input type="radio" name="a1" group="a">a1

 

<br/>


<input type="radio" name="b0"/>b0<input type="radio" name="b1">b1


</form>

 

两个radio的名称可以不同,但前名的字前面的要一样,后面的数字不一样

 

 

//******************Checkbox

 

 

 window.onload = function(){
   var inputs = document.getElementsByTagName("INPUT");
    for(var e in inputs){
        if(inputs[e].type == "checkbox"){
            inputs[e].onclick = function(){
                for(var e in inputs){
                //两种写法都可以,第一种采用的是正则表达式,效率相对第二种较底,但是未改变HTML标准比第二种容//易理解,第二种兼容性不好
                    if(inputs[e].type == "checkbox" && this.name.replace(/\d+/g,"") === inputs[e].name.replace(/\d+/g,""))
                    //if(inputs[e].type == "checkbox" && this.group === inputs[e].group)
                      inputs[e].checked = false;
                }
                this.checked = true;
            };

        }
    }
  }

<form>

        <input  type="checkbox" name="RPT_ROAD_A2__APPROVAL_PASS_1" />aaa
        <input  type="checkbox" name="RPT_ROAD_A2__APPROVAL_PASS_2" />bbb

</form>

 

两个checkbox的名称可以不同,但前名的字前面的要一样,后面的数字不一样

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics