使用jQuery將複選框的值設置爲true或false

我有一個帶有複選框的表單。使用jQuery，我希望將複選框的值設置爲TRUE（如果選中），並且如果未選中，則值將設置爲FALSE。我該如何做到這一點？使用jQuery將複選框的值設置爲true或false

2011-11-30 Rene Zammit

修訂：使用代替ATTR丙

<input type="checkbox" name="vehicle" id="vehicleChkBox" value="FALSE"/> 

$('#vehicleChkBox').change(function(){ 
    cb = $(this); 
    cb.val(cb.prop('checked')); 
});

DATE OF OUT：

這裏是jsfiddle

<input type="checkbox" name="vehicle" id="vehicleChkBox" value="FALSE" /> 

$('#vehicleChkBox').change(function(){ 
    if($(this).attr('checked')){ 
      $(this).val('TRUE'); 
    }else{ 
      $(this).val('FALSE'); 
    } 
});

來源

2011-11-30 15:11:30

舊的帖子，但你現在應該使用'.prop（'checked'）'而不是'attr（）'。此外，它更容易強制在一行'var $ cb = $（this）; $ cb.val（$ cb.prop（'checked'））;'或者如果情況很重要'var $ cb = $（this）; $ cb.val（（$ cb.prop（'checked'）+''）。toUpperCase（））;' – vol7ron

使用$('#id-of-the-checkbox').prop('checked', true_or_false);

如果您使用的是古老的jQuery版本，你需要使用.attr('checked', 'checked')檢查和.removeAttr('checked')取消選中。

來源

2011-11-30 15:07:22 ThiefMaster

你可以這樣做（jQuery的1.6起）：

$('#idCheckbox').prop('checked', true); 
$('#idCheckbox').prop('checked', false);

刪除您也可以使用：

$('#idCheckbox').removeProp('checked');

與jQuery < 1.6你必須做

$('#idCheckbox').attr('checked', true); 
$('#idCheckbox').removeAttr('checked');

來源

2011-11-30 15:09:12

但是，false的複選框值不會與表單提交一起提交，對吧？有沒有辦法做到這一點 – IcedDante

var checkbox = $("#checkbox"); 
checkbox.val(checkbox[0].checked ? "true" : "false");

這將設置value的複選框爲"true"或"false"（value property是string)，取決於它是否爲unchecked或checked。

作品jQuery中> = 1.0

來源

2011-11-30 15:10:12 Esailija

試試這個：

HTML：

<input type="checkbox" value="FALSE" />

JQ：

$("input[type='checkbox']").on('change', function(){ 
    $(this).val(this.checked ? "TRUE" : "FALSE"); 
})

jsfiddle

請記住，未選中的複選框不會在常規形式提交，並且你應該使用隱藏提交以做到這一點。

來源

2011-11-30 15:24:14 Krule

你的小提琴片段正在引用一些其他的跨度值。它不會改變複選框的值。請同步您的答案 –

那麼，代碼段中的'span'僅用於演示目的，如果您查看代碼，它將被設置爲等於複選框的值。然而，如果你需要更好的（更快的）解決方案，這可能有所幫助：http://jsfiddle.net/SfEGn/130/ – Krule

這是一個代碼，你可以從字面上複製粘貼，它會工作。謝謝你的進一步解釋 –

使用jQuery將複選框的值設置爲true或false

回答

相關問題