Проблема с флажками в браузерах webkit

Question

Проблема с флажками в браузерах webkit

0

У меня есть html, у которого есть много флажков. В некоторых флажках следует снять флажок с группы других флажков. Так что один из флажков имеет следующий код.

Первая версия находится в JQuery '

function uncheckmusic() {
    $(".buttons :checkbox").prop('checked',false);
}

$("#test").click(function() {
    uncheckmusic();
}

Другая версия находится в Javascript '

function uncheckmusic() {
    document.getElementById("first").checked = false;
    document.getElementById("second").checked = false;      
}

$("#test").click(function() {
    uncheckmusic();
}

Таким образом, проблема заключается в следующем. В Firefox это прекрасно работает, но в браузерах webkit (например, Chrome) есть проблема, которую я не могу понять. Флажки не возвращают значение или не обновляются. Пожалуйста, помогите мне.

<div class="classexample">             
    <input id="test" name="yesmusic" class="toggle"  type="checkbox">                                     
</div>                       

<div class="buttons">                  
      <input id="first" name="checkbox1"  type="checkbox" class="toggle">
      <div id="checkbox1"><b>checkbox1</b></div>
</div>

<div class="buttons">                  
    <input id="second" name="checkbox2"  type="checkbox2" class="toggle">
    <div id="checkbox2"><b>checkbox2</b></div>                        
</div>

user2968668 29 нояб. 2013, в 23:54

Источник

1

Трудно сказать ... Можете ли вы опубликовать демо, чтобы воспроизвести проблему?
elclanrs 29 нояб. 2013, в 22:38
2

на самом деле это getElementsByClassName , и он возвращает нодлист, который вы должны перебрать, а не элемент.
adeneo 29 нояб. 2013, в 22:43
0

И это на самом деле $('.buttons[type="checkbox"]').prop('checked', false); в jQuery
adeneo 29 нояб. 2013, в 22:44
0

Есть кнопки класса Checkbox или флажки внутри элемента с тем же классом?
Mihail 29 нояб. 2013, в 23:02
0

у тебя есть jsfiddle?
thenewseattle 29 нояб. 2013, в 23:35
0

Проверьте это сейчас. Спасибо заранее.
user2968668 29 нояб. 2013, в 23:44
0

Что произойдет, если вы установили флажок null вместо false ?
Dagg Nabbit 30 нояб. 2013, в 00:04
0

Нет, в этом случае это тоже не работает.
user2968668 30 нояб. 2013, в 10:15

Показать ещё 6 комментариев

Теги:

javascript

jquery

html

checkbox

1 ответ

Ещё вопросы

Трудно сказать ... Можете ли вы опубликовать демо, чтобы воспроизвести проблему?
на самом деле это getElementsByClassName , и он возвращает нодлист, который вы должны перебрать, а не элемент.
И это на самом деле $('.buttons[type="checkbox"]').prop('checked', false); в jQuery
Есть кнопки класса Checkbox или флажки внутри элемента с тем же классом?
Проверьте это сейчас. Спасибо заранее.
Что произойдет, если вы установили флажок null вместо false ?
Нет, в этом случае это тоже не работает.

mdesdev · Answer 1 · 2013-11-29T21-53-00.000Z

Это помогает вам, здесь FIDDLE.

<script>
$(function() {

  function uncheckmusic() {
    $('.buttons input[type="checkbox"]').prop('checked',false);
  }

  $('.buttons input[type="checkbox"]').click(function() {
    if($(this).is(':checked')) {
       $('.classexample input[type="checkbox"]').prop('checked',false);
    }
  });

  $('.classexample input[type="checkbox"]').click(function() {
    if($(this).is(':checked')) {
       uncheckmusic();
    }
  });

});
</script>

Как я сказал в Firefox, он работает хорошо, но в Chrome, например, он не работает. Я думаю, что с Jquery что-то не так с событием click и флажком.
Хорошо, но если вы посмотрите на мою скрипку, вы увидите, что она работает в Chrome.