基於複選框的條件功能是否被檢查

Question

$('#fastbill').click(function(){ 
    if ($('#changevaluebill').attr('checked','true')){ 
     $('#changevaluebill').attr("value","Recharge Now"); 
    } 
    else { 
     $('#changevaluebill').attr("value","Proceed"); 
    } 
}); 

複選框條件不起作用。

Answer 1

有很多方法來檢查，如果無論是複選框被選中

您可以使用is(':checked')

嘗試：

$('#fastbill').click(function(){ 
    if($('#changevaluebill').is(':checked')){ 
    $('#changevaluebill').val("Recharge Now"); 
    } else { 
    $('#changevaluebill').val("Proceed"); 
    } 
}); 

其他方式可以是：

$('#changevaluebill').prop('checked') //布爾
$('#changevaluebill:checked').length // Integer> 0
$('#changevaluebill:checked').size() // .size（）可用於代替的。長度
$('#changevaluebill').get(0).checked //布爾真
$('#changevaluebill')[0].checked //布爾真（與上述相同）

Reference

Answer 2

此沒有做你在想什麼：

$('#changevaluebill').attr('checked','true') 

這並不如果值是確定0，它設置的值爲'true'。您可以使用the .is() function有條件地檢查元素的某個方面。事情是這樣的：

$('#changevaluebill').is(':checked') 

Answer 3

正如其他人所說，你需要可以使用.is()和:checked。

但是，你應該使用.VAL（）來設置輸入字段的值

$('#fastbill').click(function() { 
    $('#changevaluebill').val(function() { 
     return this.checked ? 'Recharge Now' : 'Proceed' 
    }); 
});