JavaScript 控制Radio只读

来源:互联网 发布:淘宝滞销率 编辑:程序博客网 时间:2024/06/05 16:53

这里要实现的功能是要通过选中【radio】的状态,来控制另一组【radio】的只读和可编辑状态

当然实现这种功能的方法有很多,因为特别的需要,这里使用Jquery获取input的name的方式来实现

<html>

<head>
<title>Radio Test</title>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function onClickLxFunction(){
      var str=$("input[name='rr']:checked").val();
      if(str=="否"){
       $("input[name='ss']").attr("disabled","true");
      }else if(str=="是"){
                 var radios=document.getElementsByName("ss");
                 for(var i=0;i<radios.length;i++){
                    radios[i].disabled=false;
                  }
      }
    }
</script></head>
<body>
<form name="form1" method="post">
<input type="radio" name="rr" value="是" onclick="onClickLxFunction();"/>是
<input type="radio" name="rr" value="否" onclick="onClickLxFunction();"/>否<br>
<input type="radio" name="ss"/>是
<input type="radio" name="ss"/>否<br>
</form>

</body>

</html>

原创粉丝点击