更新值基於：檢查狀態

Question

<input type="checkbox" name="feature1" value="0" /> 

如果選中，value =「1」; else value =「0」;

if ($('input[name=feature1]').is(':checked')) { 
    $('input[name=feature1]').val('1'); 
} 

我覺得上面的jQuery可以工作，但它的一次性檢查，我怎麼讓那個每次的複選框，單擊/選中，值爲1，否則爲0？

非常感謝

Answer 1

$('input[name=feature1]').click(function(){ 
    if ($(this).is(':checked')) { 
     $(this).val('1'); 
    } else { 
     $(this).val('0'); 
    } 
}); 

或

$('input[name=feature1]').click(function(){ 
    if (this.checked) { 
     $(this).val('1'); 
    } else { 
     $(this).val('0'); 
    } 
}); 

或

更好

$('input[name=feature1]').click(function(){ 
     $(this).val(this.checked ? 1:0); 
}); 

，只是因爲我認爲還有一個更好的方法..

$('input[name=feature1]').click(function(){ 
     this.value = this.checked ? 1:0;  
});​ 

Answer 2

我會給輸入一個ID，只是爲了讓它更容易編寫你的jQuery - 爲了這個答案的目的，我會假裝我們重複了這個名字。

jQuery("#feature1").click(function() { 
    if (this.checked) { 
     jQuery(this).val(1); 
    } else { 
     jQuery(this).val(0); 
    } 
});