Блог

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

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

#jquery #animation #radio-button

#jquery #Анимация #переключатель

Вопрос:

У меня есть 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">amp;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();
    });
});

Комментарии:

1. должен ли 2-й набор radio1 (вход и метка) быть radio2? с тем названием, которое все еще делает их группой?

Ответ №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/

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

Комментарии:

1. Рад помочь @george! Если это помогло, не стесняйтесь ставить галочку, чтобы другие знали ответ.

Ответ №2:

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

Метки: