HTML~如何通过checkbox控制select的disable？

我是想通过左边一个小checkbox来控制select的编辑状态~如果选中checkbox，则select可编辑~如果不选中checkbox~则select不可编辑<in... 我是想通过左边一个小checkbox来控制select的编辑状态~
如果选中checkbox，则select可编辑~如果不选中checkbox~则select不可编辑<input type="checkbox" name="extend1" onclick="document.all.extendattrbute1.disabled=false"/>
行业排名：

<select name="extendattrbute1" disabled="disabled">

<option value="100">100强

<option value="500">500强

</select>

但是点击了checkbox是变为可编辑的了~但是再点击却仍是可编辑的

请问有什么办法解决~不用checkbox也行~只要能表达出这么个流程~谢谢了展开

 我来答

若以下回答无法解决问题，邀请你更新回答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

匿名用户
2013-08-31

展开全部

<script>
  
    function chkCheckBoxChs(){
    var arr1 = new Array();
  var arr2 = new Array();
  var boxObj = document.getElementsByName("extend1");
  
 var str = "";
  var index = 0;
  for(i=0;i<boxObj.length;i++){
  if(boxObj[i].checked){
  arr1[index] = i+1;
  arr2[index++] = boxObj[i].value;
  }
  }
  
 for(i=0;i<arr1.length;i++){
  str +=arr2[i] + ",";
  }
  alert(str);
  if (str=="1,")
 {
 document.getElementById('extendattrbute1').disabled=false;
  if (document.getElementById('extend1').checked==true)
  document.getElementById('extend1').checked=true;
 return false;}
 else
 {
 document.getElementById('extendattrbute1').disabled=true;
  document.getElementById('extend1').checked=false;
 return false;
 }
 }
  
    </script>
  
<body>
 <form name="form1" method="post" action="#">
 <select id="extendattrbute1"  disabled="true">

<option value="100">100强
  
<option value="500">500强
   </select>
 <input name="extend1" type="checkbox"
id="extend1"  value="1"  >
  
<input type="submit" name="Submit" value="提交" onClick="return chkCheckBoxChs();" >
 </form>
 </body>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

HTML~如何通过checkbox控制select的disable？

其他类似问题

为你推荐：