Question

我正在做一个可以使用Jquery .clone()进行克隆的调查问卷。我使用复选框来回答使用是或否的问题。我的调查问卷在表格中，然后使用此代码：

  $(':checkbox').on('change',function(){
        var tr = $(this), name = tr.prop('name');

        if(tr.is(':checked')){
            $(this).closest('tr').find('input[type=checkbox]').not($(this)).prop('checked', false);
        }

我只能检查同一行（tr）中的一个复选框，但问题是当我使用按钮克隆问卷时。该脚本适用于第一份问卷，但不适用于第二份问卷。克隆时生成一个新的id（previous_id_2）。

我尝试了很多东西，但我认为脚本不适合我的代码，因为只适用于第一个。我需要的东西如下：

If two checkboxes in same row -> only be able to select one. 

>And something that should be works for different div id, because it´s generated
 a new id for each table, the structure of the html is:
 <div id="questionnaire {{ number }}">
 <table class="table quest">
 <thead></thead>
 <tbody>
 <tr>
 <td><checkbox 1 id="q_Q1_y{{ number }}" name="q_Q1_y{{ number }}" class="table quest yes" ></td>
 <td><checkbox 2 id="q_Q1_n{{ number }}" name="q_Q1_n{{ number }}" class="table quest"></td>
 </tr>
 <tr>
 <td><checkbox 1 id="q_Q2_y{{ number }}" name="q_Q1_y{{ number }}" class="table quest yes"></td>
 <td><checkbox 2 id="q_Q2_n{{ number }}" name="q_Q2_n{{ number }}" class="table quest"></td>
 </tr>
 </tbody>

数字显示你拥有的重复次数。我知道单选按钮最适合这个，但我需要这样做复选框。我认为剧本不应该比我复杂。

Answer 1

为什么使用<checkbox>表示是和否？如果两者都无法检查，您应该使用 radiobuttons - 或者您的<checkbox>标记实际上是一个单选按钮吗？你也引用了不在这里的CSS。此处发布的代码应为Minimal, Complete and Verifiable - 通过该过程可帮助您成为更好的程序员。您可能需要将问题调整为可以通过jsfiddle发布的表单，该表单允许使用jquery库。

问卷克隆的问题

1 个答案: