根据输入值显示div，然后在未选中时隐藏

Question

大家好我所做的一项调查显示，当选中一个方框时，它会根据您选择的答案显示答案。我得到了这个所有的工作，但是当有人取消选中一个盒子时我遇到麻烦我想让div重新被隐藏。

这是我写的代码：

// if else statement for question 6
$("input[name='name_6[]']").bind("click", function(event){

    // If the value is equal to 25 or less show response 1
    if ($(this).val() <= 25) {
        $("#q6response1").slideDown('fast');
        $("#q6response2").hide();

}  // If the value is equal to 26 show response 2
    else if ($(this).val() == 26) {
        $("#q6response2").slideDown('fast');
        $("#q6response1").hide();

}
});

我尝试使用unbind和：checked，false，似乎没有任何效果。任何帮助都会很棒。

由于

Answer 1

你试过吗

// if else statement for question 6
$("input[name='name_6[]']").change(function(event){

    // If the value is equal to 25 or less show response 1
    if ($(this).val() <= 25) {
        $("#q6response1").slideDown('fast');
        $("#q6response2").hide();

    }  // If the value is equal to 26 show response 2
    else if ($(this).val() == 26) {
        $("#q6response2").slideDown('fast');
        $("#q6response1").hide();

  }
});