點擊自舉切換時的調用函數（複選框）

當我點擊複選框text_mode時，我想調用一個函數updateText()。我試過使用onClick="updateText()"，但它沒有奏效。我已經閱讀了類似問題的一些評論，但所有的答案都使用jQuery，我可以不使用任何庫，因爲這個項目的所有js代碼都是在沒有任何庫的情況下完成的嗎？點擊自舉切換時的調用函數（複選框）

這是複選框：

<label class="checkbox-inline"> 
    <input type="checkbox" checked data-toggle="toggle" data-size="mini" data-onstyle="default" id="text_mode" onclick="updateText()"> Braille 
</label>

來源

2017-09-15 Misho Tek

您可以使用'onchange =「updateText（）事件處理程序 – brenjt

如果您使用的是Bootstrap，那麼我99％確定您已經加載並準備好使用jQuery。 – zer00ne

[Fire event on input.checked = true/false \ _without \ _ jQuery]可能重複（https://stackoverflow.com/questions/10637801/fire-an-event-on-input-checked-true-false -without-jquery） –

使用onchange事件

<label class="checkbox-inline"> 
    <input type="checkbox" checked ... onchange="updateText()"> Braille 
</label>

無論點擊複選框，它都會執行它。所以如果你觸發標籤，它也會被執行。

來源

2017-09-15 19:35:28 brenjt

試試這個：

document.getElementById('text_mode').addEventListener('click', function(){ 
 
\t console.log('updateText executed') 
 
});

<label class="checkbox-inline"> 
 
    <input type="checkbox" checked data-toggle="toggle" data-size="mini" data-onstyle="default" id="text_mode"> Braille 
 
</label>

來源

2017-09-15 19:30:08

點擊自舉切換時的調用函數（複選框）

回答

相關問題