各位帮我看看这段代码

Question

<Script language="javaScript">
function showOrHidden()
  {
      var div = document.getElementById("cliqueId");
      var firstItem = div.getElementByTagName("alarmSwitch").item(0);
       var firstItem1 = div.getElementByTagName("userLow").item(1);
        var firstItem2 = div.getElementByTagName("messageLow").item(2);
         var firstItem3 = div.getElementByTagName("messageTop").item(3);
      if(firstItem.type == "input")
      {
          firstItem.all.readonly = "true"
      }
  }
</Script>
<div id="cliqueId">
      <tr>
          <td class="formLabel">开关:</td>
          <td class="formCont">
              <input type="radio" name="alarmSwitch"  onclick="showOrHidden();"  value="1"/>开&nbsp;&nbsp;
              <input type="radio" name="alarmSwitch" value="0" onclick="showOrHidden();" default="0"/>关
             </select>
          </td>    
          <td class="formLabel">进入热区用户数的最低阀值:</td>
  <td  class="formCont">
   <input type="text" name="userLow" class="inpTxt"  size="10" maxlength="9">
  </td>
      </tr>
      <tr>
          <td class="formLabel">成功发送短信量的最低阀值:</td>
  <td  class="formCont">
   <input type="text"  name="messageLow" class="inpTxt" size="10" maxlength="9">
  </td>
  <td class="formLabel">成功发送短信量的最高阀值:</td>
  <td  class="formCont">
   <input type="text" name="messageTop" class="inpTxt" size="10" maxlength="9">
  </td>
      </tr>   
      
     </div>这段代码怎么用开关控制三个阀值的只读属性，html跟js写到这种程度不会了还有all这个属性我不太了解

Answer 1

<Script language="javaScript">
function showOrHidden()
  {
      var obj = document.getElementsByName("alarmSwitch");
     var booleanStr=(obj[0].checked)?"true":"false"
      document.getElementById("userLow").readOnly=booleanStr
      document.getElementById("messageLow").readOnly=booleanStr
      document.getElementById("messageTop").readOnly=booleanStr
  }
</Script>
<div id="cliqueId">
      <tr>
          <td class="formLabel">开关:</td>
          <td class="formCont">
              <input type="radio" name="alarmSwitch"  onclick="showOrHidden();"  value="1" checked/>开&nbsp;&nbsp;
              <input type="radio" name="alarmSwitch" value="0" onclick="showOrHidden();" default="0"/>关
             </select>
          </td>    
          <td class="formLabel">进入热区用户数的最低阀值:</td>
  <td  class="formCont">
   <input type="text" name="userLow" class="inpTxt"  size="10" maxlength="9">
  </td>
      </tr>
      <tr>
          <td class="formLabel">成功发送短信量的最低阀值:</td>
  <td  class="formCont">
   <input type="text"  name="messageLow" class="inpTxt" size="10" maxlength="9">
  </td>
  <td class="formLabel">成功发送短信量的最高阀值:</td>
  <td  class="formCont">
   <input type="text" name="messageTop" class="inpTxt" size="10" maxlength="9">
  </td>
      </tr>   
      
     </div>

Answer 2

var booleanStr=(obj[0].checked)?"true":"false"改成
var booleanStr=(obj[0].checked)?false:true

Answer 3

<Script language="javaScript">
function enable(){
document.getElementsByName('userLow')[0].readOnly="false";
document.getElementsByName('messageLow')[0].readOnly="false";
document.getElementsByName('messageTop')[0].readOnly="true";
}
function disable(){
document.getElementsByName('userLow')[0].readOnly="true";
document.getElementsByName('messageLow')[0].readOnly="true";
document.getElementsByName('messageTop')[0].readOnly="true";
}
</Script>
<div id="cliqueId">
      <tr>
          <td class="formLabel">开关:</td>
          <td class="formCont">
              <input type="radio" name="alarmSwitch"  onclick="enable();"  value="1" checked/>开&nbsp;&nbsp;
              <input type="radio" name="alarmSwitch" value="0" onclick="disable();" default="0"/>关
          </td>    
          <td class="formLabel">进入热区用户数的最低阀值:</td>
  <td  class="formCont">
   <input type="text" name="userLow" class="inpTxt"  size="10" maxlength="9">
  </td>
      </tr>
      <tr>
          <td class="formLabel">成功发送短信量的最低阀值:</td>
  <td  class="formCont">
   <input type="text"  name="messageLow" class="inpTxt" size="10" maxlength="9">
  </td>
  <td class="formLabel">成功发送短信量的最高阀值:</td>
  <td  class="formCont">
   <input type="text" name="messageTop" class="inpTxt" size="10" maxlength="9">
  </td>
      </tr>   
      
     </div>

Answer 4

或者
<Script language="javaScript">
function enable(){
document.getElementsByName('userLow')[0].disabled=false;
document.getElementsByName('messageLow')[0].disabled=false;
document.getElementsByName('messageTop')[0].disabled=false;
}
function disable(){
document.getElementsByName('userLow')[0].disabled=true;
document.getElementsByName('messageLow')[0].disabled=true;
document.getElementsByName('messageTop')[0].disabled=true;
}
</Script>
<div id="cliqueId">
      <tr>
          <td class="formLabel">开关:</td>
          <td class="formCont">
              <input type="radio" name="alarmSwitch"  onclick="enable();"  value="1" checked/>开&nbsp;&nbsp;
              <input type="radio" name="alarmSwitch" value="0" onclick="disable();" default="0"/>关
          </td>    
          <td class="formLabel">进入热区用户数的最低阀值:</td>
  <td  class="formCont">
   <input type="text" name="userLow" class="inpTxt"  size="10" maxlength="9">
  </td>
      </tr>
      <tr>
          <td class="formLabel">成功发送短信量的最低阀值:</td>
  <td  class="formCont">
   <input type="text"  name="messageLow" class="inpTxt" size="10" maxlength="9">
  </td>
  <td class="formLabel">成功发送短信量的最高阀值:</td>
  <td  class="formCont">
   <input type="text" name="messageTop" class="inpTxt" size="10" maxlength="9">
  </td>
      </tr>   
      
     </div>

Answer 5

getElementsByName不是像你这么用的,它的参数是标签类型的名称比如TABLE TR TD INPUT之类的,用标签名称定位要用getElementsByName,而且要注意使用[0]下标,因为它返回的是一个数组.