Проверьте значение переключателя, если true или false, и покажите скрытый div

Question

У меня есть 2 переключателя, которые я в настоящее время проверяю их значение, если это 6 или 12, и скрываю / показываю соответствующий div в моей таблице.

<tr>   
   <td>
       <div class="Price6 band" style="display: none;">21.09</div>
       <div class="Price12 band">21.09</div>
   </td>
</tr>
<tr>
      <td>
        <input id="radio1" class="radio" type="radio"  name="price" value="6">
         <label for="radio1">£24.95</label>
          <input id="radio1" class="radio" type="radio" name="price" value="12">
          <label for="radio1">&nbsp;£6.95</label>
      </td>
 </tr>

Как мне отредактировать мой код jquery, чтобы он проверял значение переключателей, если оно равно true или false, а не числовому значению?

Мой jquery в настоящее время

$(document).ready(function() {
    $("input[name$='price']").click(function() {//switch bewtween price bands
        var test = $(this).val();

        $("div.band").hide();
        $(".Price" + test).show();
    });
});

Answer 1

Вы можете сделать что-то вроде этого

$("input").change(function(){
    var test = $(this).val();
    if(test == '6'){
        $(".Price6").show();
        $(".Price12").hide();
    }
    if(test == '12'){
        $(".Price12").show();
        $(".Price6").hide();
    }
});

Пример: http://jsfiddle.net/QsXm5/

Примечание: Я изменил # дляцена div с, которые были показаны, потому что в вашем примере они одинаковы, и вы не можете сказать, происходит ли изменение.

Answer 2

Вы можете заменить «$ (this) .val ()» на «$ (this) .attr (« флажок »)», который вернет «флажок», если выбран этот переключатель, или «undefined», если нет, тогда Вы можете использовать эти значения для запуска вашего скрипта или заменить их на true / false, если хотите.