Javascript：在現有複選框旁邊添加一個額外的複選框

我有這個使用forms.py創建的複選框。我沒有寫html代碼，結果呈現forms.py。Javascript：在現有複選框旁邊添加一個額外的複選框

<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的右側，我想要添加一個新的複選框。

有什麼想法嗎？

來源

2015-10-07 zinon

使用jquery onclick事件並追加一個複選框... –

@ShiguriAnemone'你能給我一個簡單的例子嗎？ – zinon

你想讓它無限期地發生嗎？（例如A點擊= B出現; B點擊= C出現; C點擊= D出現等等）或者只有一次？ – Fester

這增加了旁邊的複選框複選框您選擇

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

Demo

來源

2015-10-07 10:10:16

插入此行$（this）.after（''）;警報之前，它應該工作@zinon –

它會添加複選框，但它不可見，用鉻或螢火蟲檢查 –

我認爲這是因爲沒有標籤。 – zinon

嘗試這樣的事情

$("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

來源

2015-10-07 09:56:41

開始出現謝謝。我不會有一個按鈕，只有在選定的選項（或選項）旁邊纔會出現一個新的複選框。 – zinon

@zinon：請添加相關html代碼，謝謝 –

嘗試是這樣的

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

來源

2015-10-07 10:20:33 shas

Javascript：在現有複選框旁邊添加一個額外的複選框

回答

相關問題