选中复选框时Jquery更改隐藏的输入值,取消选中时反转?

时间:2012-03-15 00:22:12

标签: jquery input checkbox hidden

当用户检查不同表单字段中的复选框时,我正在使用Jquery将隐藏输入的值更改为True。它看起来像这样:

$(function(){
    $('.year').click(function(){
        $('#carsearch').val('True');
    });

除非用户改变主意并取消选中该框,否则它的效果很好,隐藏的输入保留True的值。我想这样做,以便如果他们改变主意并取消选中.year输入,则会将#carsearch的值更改回False

我真的很感激有关如何实现这一目标的任何意见。

2 个答案:

答案 0 :(得分:7)

$('.year').click(function(){
    $('#carsearch').val( $(this).is(':checked') ? 'True' : 'False' );
})

你可能最好不要听“改变”。而不是点击'虽然。

答案 1 :(得分:1)

试试这个。

$('.year').click(function(){
    $('#carsearch').val( this.checked ? 'True' : '' );
});

根据贾斯帕的建议编辑。

假设True是checked的值,如果没有则为空。

这被称为三元运算符,有关它的更多信息可以在这里找到 - http://en.wikipedia.org/wiki/Ternary_operation