Question

我已使用forms.py创建此复选框。我没有编写HTML代码，因此渲染了forms.py。

<div id="div_id_diag-diagnosis_option" class="form-group">
<label for="id_diag-diagnosis_option_0" class="control-label col-md-3 requiredField">
Option<span class="asteriskField">*</span></label>
<div class="controls col-md-8"><label class="checkbox">
<input type="checkbox" name="diag-diagnosis_option" id="id_diag-diagnosis_option_1" value="b" >b</label>
<label class="checkbox">
<input type="checkbox" name="diag-diagnosis_option" id="id_diag-diagnosis_option_2" value="a" >a</label>
<label class="checkbox">
<input type="checkbox" name="diag-diagnosis_option" id="id_diag-diagnosis_option_3" value="c" >c</label>
</div></div>

使用javascript我想在每个选项附近创建一个额外的复选框。例如，如果用户选择b选项，则在b的右侧我想要添加新的复选框。

有什么想法吗？

Answer 1

尝试这样的事情

$("input[type='checkbox']").click(function(){
     $(this).after('<input type="checkbox" name="diag-diagnosis_option" id="id_diag-diagnosis_option_2" value="a" >');
})

JSFIDDLE CODE SAMPLE

Answer 2

这会在您选中的复选框旁边添加一个复选框

$("input[type='checkbox']").click(function(){
   $(this).after('<input type="checkbox">');
})

Demo

Answer 3

尝试这样的事情

$("input[type='checkbox']").click(function(){
    if ($(this).prop('checked'))
    $(this).after('<input type="checkbox">');
});

Javascript：在现有复选框旁边添加一个额外的复选框

3 个答案: