Проверять, что все флажки сняты?

Question

Проверять, что все флажки сняты?

0

У меня есть что-то вроде этого:

    <form action="">
      <input type="checkbox" name="vehicle" value="Bike">Lesson Audio / <span class="pricing-box-price">$19.95 USD</span><br>
      <input type="checkbox" name="vehicle" value="Bike">Lesson PDFs / <span class="pricing-box-price">$19.95 USD</span><br>
      <input type="checkbox" name="vehicle" value="Bike">Review Audio / <span class="pricing-box-price">$19.95 USD</span><br>
      <div class="pricing-levels">
        <p>Which level would you like? (Click all that apply)</p>
        <input type="checkbox" name="vehicle" value="Bike">Level 1<br>
        <input type="checkbox" name="vehicle" value="Bike">Level 2<br>
        <input type="checkbox" name="vehicle" value="Bike">Level 3<br>
        <input type="checkbox" name="vehicle" value="Bike">Level 4<br>
        <input type="checkbox" name="vehicle" value="Bike">Level 5<br>
        <input type="checkbox" name="vehicle" value="Bike">Level 6<br>
        <input type="checkbox" name="vehicle" value="Bike">Level 7<br>
      </div>
    </form>

Я хочу выполнить действие, когда ВСЕ первые три флажка .pricing-level (те, что .pricing-level выше уровня .pricing-level.) Как это сделать? (Потому что я хочу скрыть div .pricing-level когда все они не отмечены.)

alexchenco 25 сен. 2013, в 06:56

Источник

Теги:

jquery

4 ответа

1

Пытаться

if($('input[name="vehicle"]:chekced') == 0){

}

Arun P Johny 25 сен. 2013, в 02:55

1

if($('form > :checked').length === 0){
 // Your action
}

Это проверяет только прямые дочерние элементы элемента form, таким образом, пропуская все те, что находятся внутри .pricing-levels

ahren 25 сен. 2013, в 01:54

0

Вы можете использовать следующее:

if($('form > :checked').length == 0){
    var x = $('form > :checked').length;
    console.log(x);
    jQuery('.pricing-levels').hide();
}
jQuery('form > input[name=vehicle]').change(function(){
if($('form > :checked').length == 0){
    var x = $('form > :checked').length;
    console.log(x);
    jQuery('.pricing-levels').hide();
}else{
     jQuery('.pricing-levels').show();   
}
});

Вот демо: http://jsfiddle.net/ssfQf/

Nishu Tayal 25 сен. 2013, в 02:23

Ещё вопросы

PSL · Accepted Answer · 2013-09-25T01-37-00.000Z

Пытаться:

  if($('form > :checked').length == 0){
     //none are checked
  }

или, точнее, вы можете сделать:

  if(!$('form > input:checked').length){ //since you don't want to target by name

Обновлено на основе вашего вопроса редактировать ...