各位帮我看看这段代码

zhuiganzhe88 2007-01-10 11:59:35
<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"/>开  
<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这个属性我不太了解
...全文
201 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
hbhbhbhbhb1021 2007-01-10
  • 打赏
  • 举报
回复
<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/>开  
<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>
zhuiganzhe88 2007-01-10
  • 打赏
  • 举报
回复
谢谢烧鸡的成功了,我没分了怎么报答大家啊 等我过后再申请个号 给大家吧
xiao7cn 2007-01-10
  • 打赏
  • 举报
回复
getElementsByName不是像你这么用的,它的参数是标签类型的名称比如TABLE TR TD INPUT之类的,用标签名称定位要用getElementsByName,而且要注意使用[0]下标,因为它返回的是一个数组.
xiao7cn 2007-01-10
  • 打赏
  • 举报
回复
或者
<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/>开  
<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>
xiao7cn 2007-01-10
  • 打赏
  • 举报
回复
<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/>开  
<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>
woneinwy 2007-01-10
  • 打赏
  • 举报
回复
var booleanStr=(obj[0].checked)?"true":"false"

改成
var booleanStr=(obj[0].checked)?false:true
zhuiganzhe88 2007-01-10
  • 打赏
  • 举报
回复
我测试了没有效果啊

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧