$("input[type='checkbox']").change(function(){
if(this.checked){
if($(':checkbox:checked').length>1 && $('#qT').val()==1){
$(this).prop( "checked", false );
}
}
});
這是要運行的腳本 html 如下所示
<div class=row>....
<div class="isCorrect">
<span>correct</span>
<input type="checkbox" class="form-check-input mx-1"value="1">
</div>...</div>
<div class=row>....
<div class="isCorrect">
<span>correct</span>
<input type="checkbox" class="form-check-input mx-1"value="1">
</div>...</div>
etc etc
此代碼僅選中第一個復選框。沒有其他的..我也試過
$("input[type='checkbox']").change(function(){
if(this.checked){
if($(':checkbox:checked').length>1 && $('#qT').val()==1){
$(this).prop( "checked", false );
}
}
}).triger(change);
和許多其他方式
uj5u.com熱心網友回復：
您的代碼不起作用，因為您的事件處理程式是在動態復選框之前創建的。要繞過這一點，您可以將事件處理程式系結到整個檔案，或者為了更好的性能，系結到包含所有復選框的父級：
$(document).on('change',"input[type='checkbox']",function () {
// your code here...
});
uj5u.com熱心網友回復：
這應該有效。
在處理動態元素時，您必須以非動態且已在頁面上的元素開始選擇器。我喜歡在處理事件時使用 on 方法，因為它可以為您提供更多控制權。如您所見，我隨后定義了事件，然后選擇了我要定位的動態元素。
這是另一個參考。
$("document").on("change", "input", function(){
if($(this).checked && $('#qT').val()==1){
$(this).prop( "checked", false );
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/435258.html
標籤：javascript html jQuery