表格和复选框功能有问题

时间:2015-05-08 14:42:46

标签: jquery

我有一个列出了复选框的表格和一个带有单选按钮的表格标题。我试图将其设置为用户必须选中单选按钮才能选中复选框,如果选中了复选框且没有单选按钮,则会发出警报。如果选中单选按钮,则必须至少选中一个复选框

我有点工作,但我的功能是检查表格中的复选框:选中还会计算已选中的单选按钮。 有没有人有解决方法的想法?

<Table id = 'mytable>
   <tr>
     <th>
       <input name="myradio" type="radio" id="myradio">
     </th>
   </tr>
   <tr>
     <td>
        <input name="checkbox1" type="checkbox" id="checkbox1"/>
        <input name="checkbox2" type="checkbox" id="checkbox2"/>
        <input name="checkbox3" type="checkbox" id="checkbox3"/>
        <input name="checkbox4" type="checkbox" id="checkbox4"/>
     </td>
</table>

以下是该表的示例。

var mytable = $('#mytable').find(':checked').length;
var myradio = $('#myradio').is(':checked');

.....
if((mytable) && (!myradio)){
    alert("must select radio & checkbox");
  }

当选中单选按钮时,它还会在mytable变量中找到一个检查,我找不到可以解决该表的问题。

1 个答案:

答案 0 :(得分:1)

这适用于您的建议:

include

<强> Demo

注意:html在没有找到检查输入时返回var mytable = $('#mytable input[type=checkbox]').find(':checked').length; var myradio = $('#myradio').is(':checked'); if(mytable <= 0 && (!myradio)){ alert("must select radio & checkbox"); }

<强>参考

jQuery attribute-selector