q - 如何重新启用表单中的禁用复选框 [英] q - how to reenable disabled checkboxes in a form
问题描述
大家好，
我正在写一个表格，里面有一组复选框。当用户
选中一个复选框时，它将自动禁用组中其余的
复选框。我能够开发这个功能。
我也想提供一个''clear''按钮，它应该通过点击触发
。单击清除按钮时，应清除已选中'
复选框并重新启用禁用（灰显）复选框。我无法使用这个功能来工作，如果有人可以提供建议和/或一个例子，我将不胜感激。感谢您抽出宝贵时间。
祝福，
Shree
我发布了一个试用链接out和下面的代码。
-----
http://www.open365test.net/Ex_Checkbox.html
-----
< html>
< head>
< title>重新启用Checkbox< / title>
< meta http-equiv =" content-类型" content =" text / html;
charset = iso-8859-1">
< script type =" text / javascript">
函数ckGrp（ck）{
var ck_arr = document.getElementsByName（ck.name）;
var ca_ln = ck_arr.length;
if（ck.checked）{
for（var i = 0; i< ca_ln; i ++）{
if （ck_arr [i] .id！= ck.id）ck_arr [i] .disabled = true;
}
}否则{
for（var i = 0; i< ca_ln; i ++）{
ck_arr [i] .disabled = false;
}
} < br $>
}
函数ResetGrp（ck）{
// alert（" ck name is" + ck.name） ;
alert（''Got Here''）;
var ck_arr = document.getElementsByName（ck.name）;
var ca_ln = ck_arr.length;
for（var i = 0; i< ca_ln; i ++）{
ck_arr [i] .disabled = false;
}
}
函数showAlert（）{
alert（''Got Here''）;
}
< / script>
< / head>
< body>
< form name =" FormName" action ="">
< table width =" 700" border =" 0">
< tr>
< td width =" 18">< div align =" left">< / div>< / td>
< td width =" 169">< div align =" left"> Group< / div>< ; / td>
< / tr>
<！ - 第1行 - >
< tr>
< td>< div align =" left">< / div>< / td>
< td>< div align =" left">
< input type =" checkbox" ID = QUOT; CK1"名称= QUOT;组" value =" Option1"
onclick =" ckGrp（this）" />
Option1< / div>< / td>
< / tr>
<！ - 第二行 - >
< tr>
< td>< div align =" left">< / div>< / td>
< td>< div align =" left">
< input type ="复选框" ID = QUOT; CK2"名称= QUOT;组" value =" Option2"
onclick =" ckGrp（this）" />
Option2< / div>< / td>
< / tr>
<！ - 第3行 - - >
< tr>
< td>< div align =" left">< / div>< / td>
< td>< div align =" left">
< input type ="复选框" ID = QUOT; CK3"名称= QUOT;组" value =" Option3"
onclick =" ckGrp（this）" />
Option3< / div>< / td>
< / tr>
< tr>
< td>< / td>
< td>< / td>
< / tr>
< tr>
<！ - < td>< input type =" button" value ="点击此处>
onClick =" showAlert（）;">< / td> - >
< td>< input type =" button" ID = QUOT; CK5"值= QUOT;清零" name =" Group2"
onClick =" ResetGrp（）;">< / td>
< td>< input type ="提交"值= [提交" />< / td>
< / tr>
< / table>
< / body>
< / html>
Hello everyone,
I''m writing a form which will have a group of checkboxes. When user
selects one checkbox, it will automatically disable the rest of the
checkboxes in the group. I''m able to develop this function.
I also would like to provide a ''clear'' button which should trigger via
onClick. When ''clear'' button is clicked, it should clear ''checked''
checkbox and re-enable disabled (grayed out) checkboxes. I''m not able
to get this function to work and would appreciate if anyone can offer
suggestion and/or an example. Thank you for taking the time.
Best wishes,
Shree
I have posted a link to try out and the code below.
-----
http://www.open365test.net/Ex_Checkbox.html
-----
<html>
<head>
<title>Re-enable Checkbox</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1">
<script type="text/javascript">
function ckGrp(ck){
var ck_arr=document.getElementsByName(ck.name);
var ca_ln=ck_arr.length;
if(ck.checked){
for(var i=0;i<ca_ln;i++){
if(ck_arr[i].id!=ck.id)ck_arr[i].disabled=true;
}
}else{
for(var i=0;i<ca_ln;i++){
ck_arr[i].disabled=false;
}
}
}
function ResetGrp(ck){
//alert("ck name is " + ck.name);
alert(''Got Here'');
var ck_arr=document.getElementsByName(ck.name);
var ca_ln=ck_arr.length;
for(var i=0;i<ca_ln;i++){
ck_arr[i].disabled=false;
}
}
function showAlert() {
alert(''Got Here'');
}
</script>
</head>
<body >
<form name = "FormName" action="">
<table width="700" border="0">
<tr>
<td width="18"><div align="left"></div></td>
<td width="169"><div align="left">Group</div></td>
</tr>
<!--1st row -->
<tr>
<td><div align="left"></div></td>
<td><div align="left">
<input type="checkbox" id="ck1" name="Group" value = "Option1"
onclick="ckGrp(this)" />
Option1</div></td>
</tr>
<!--2nd row -->
<tr>
<td><div align="left"></div></td>
<td><div align="left">
<input type="checkbox" id="ck2" name="Group" value = "Option2"
onclick="ckGrp(this)" />
Option2</div></td>
</tr>
<!--3rd row -->
<tr>
<td><div align="left"></div></td>
<td><div align="left">
<input type="checkbox" id="ck3" name="Group" value = "Option3"
onclick="ckGrp(this)" />
Option3</div></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<!--<td><input type="button" value="Click here"
onClick="showAlert();"></td>-->
<td><input type="button" id="ck5" value="Clear" name="Group2"
onClick="ResetGrp();"></td>
<td><input type="submit" value="Submit" /></td>
</tr>
</table>
</body>
</html>
推荐答案
shree写道：
大家好，
我正在写一个表格，里面有一组复选框。当用户选择一个复选框时，它将自动禁用组中其余的
复选框。我能够开发这个功能。
我还想提供一个''clear''按钮，它应该通过onClick触发。单击清除按钮时，应清除已选中复选框并重新启用已禁用（灰显）复选框。我无法使这个功能起作用，如果有人能提供建议和/或示例，我将不胜感激。感谢您抽出宝贵时间。
Hello everyone,
I''m writing a form which will have a group of checkboxes. When user
selects one checkbox, it will automatically disable the rest of the
checkboxes in the group. I''m able to develop this function.
I also would like to provide a ''clear'' button which should trigger via
onClick. When ''clear'' button is clicked, it should clear ''checked''
checkbox and re-enable disabled (grayed out) checkboxes. I''m not able
to get this function to work and would appreciate if anyone can offer
suggestion and/or an example. Thank you for taking the time.
函数ResetGrp（ck）{
var ck_arr =（document.getElmentById&& document。 getElementsByName）？
document.getElementsByName（ck）：
document.forms [''FormName'']。elements [ck];
for（var i = 0; i< ck_arr.length; i ++）{
ck_arr [i] .disabled = false;
ck_arr [i] .checked = false;
}
}
< input type =" button" ID = QUOT; CK5"值= QUOT;清零" name =" Group2"
onClick =" ResetGrp（''Group''）;">
-
Stephane Moriaux et son [moins] vieux Mac
function ResetGrp(ck){
var ck_arr = (document.getElmentById && document.getElementsByName)?
document.getElementsByName(ck) :
document.forms[''FormName''].elements[ck];
for(var i=0;i<ck_arr.length;i++){
ck_arr[i].disabled=false;
ck_arr[i].checked=false;
}
}
<input type="button" id="ck5" value="Clear" name="Group2"
onClick="ResetGrp(''Group'');">
--
Stephane Moriaux et son [moins] vieux Mac
首先，如果你对所有复选框/无线电使用相同的名称，你有
有一个你可以迭代的集合，至于切换.disabled
属性，属性是一个布尔值，所以，只是否定它的值，！true是
false或！false是真的，所以，obj.checked =！obj.checked;是对象的否定的
值。
< input type =" checkbox"名称= QUOT;器皿" onclick =" uncheckall（this）">
点击此处取消选中所有
< input type ="复选框"名称= QUOT;器皿" value =" one"
< input type =" checkbox"名称= QUOT;器皿" value =" two">
< input type ="复选框"名称= QUOT;器皿" value =" three"
< input type =" checkbox"名称= QUOT;器皿" value =" four">
< input type =" button" onclick =" togglechecks（this.form.UTENSILS）"
value =" toggle checks">
function oncheckall（el）{
var val =（el.checked）？ false：true;
for（i = 1; i< el.form [el.name] .length; i ++）
el.form [el.name] [ i] .checked = val;
}
函数togglechecks（el）{
for（i = 1; i< el.length; i ++）
el [i] .checked =！el [i] .checked;
}
Danny
-
使用Opera的革命性电子邮件客户端： http://www.opera.com/mail/
" shree" < SR ******** @ hotmail.com>在消息中写道
news：11 ********************* @ g44g2000cwa.googlegro ups.com ...
"shree" <sr********@hotmail.com> wrote in message
news:11*********************@g44g2000cwa.googlegro ups.com...
大家好，
我正在写一个表格，里面有一组复选框。当用户选择一个复选框时，它将自动禁用组中其余的
复选框。我能够开发这个功能。
我还想提供一个''clear''按钮，它应该通过onClick触发。单击清除按钮时，应清除已选中复选框并重新启用已禁用（灰显）复选框。我无法使这个功能起作用，如果有人能提供建议和/或示例，我将不胜感激。感谢您抽出宝贵时间。
祝福，
Shree
我已经发布了一个试用链接和下面的代码。
-----
http://www.open365test.net /Ex_Checkbox.html
[snip]
所以你想看看复选框的外观，但功能是单选按钮。
[snip]
So you want the look of checkboxes but the functionality of radio buttons.
这篇关于q - 如何重新启用表单中的禁用复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
