基于复选框和javascript启用和禁用文本

时间:2015-01-27 07:00:31

标签: javascript jquery html

在我的HTML代码中,我有大约56个复选框。 如果我选中一个复选框,我想要启用另一个文本框。即当没有选中的复选框是一个。

但是如果选中的复选框的数量超过1,那么我希望该文本框被禁用

我的代码:

    <input type="checkbox" name="template" value="SOL42_Template-BBRY">BBRY<br>
    <input type="checkbox" name="template" value="SOL42_Template-GPRS">GPRS<br>
    <input type="checkbox" name="template" value="SOL42_Template-MMS-PXT01">MMS-PXT01<br>
    <input type="checkbox" name="template" value="SOL42_Template-MMS-PXT02">MMS-PXT02<br>

<input type="text" name="SecondarytextBox" id="SecondarytextBox">

现在,当选中任何一个复选框时,应启用或显示辅助文本框,如果选中多个复选框,则辅助文本框将被禁用或不可见。

1 个答案:

答案 0 :(得分:1)

您可以使用:

$('[name=template]').change(function(){
   $('#SecondarytextBox').toggle($('[name=template]:checked').length==1);
}).eq(0).change();

<强>

<强> Working Demo