радиокнопка не получает значение проверенного в html

Question

Привет, ребята, надеюсь, что кто-нибудь сможет мне помочь. В настоящее время я занимаюсь изучением javasipting, и эта вещь просто дала мне нагрузку на головную боль. ниже мой код: HTML-

<div class="row"> 
<div class="col-sm-10 col-sm-offset-1"> 
    <h6 class="info-text text-danger"> {{ $errors->first('register_scanning') }} </h6> 
    <div class="col-sm-3"> 
     <div class="choice" data-toggle="radio_scanning" id="radio_scanning_0"> 
      {{ Form::radio('register_scanning', '0800-1200') }} 
      <div class="icon"> 
       <i class="fa fa-pencil"></i> 
      </div> 
      <h7>Live Scanning 0800-1200</h7> 
     </div> 
    </div> 
    <div class="col-sm-3"> 
     <div class="choice" data-toggle="radio_scanning" id="radio_scanning_1"> 
      {{ Form::radio('register_scanning', '1300-1700') }} 
      <div class="icon"> 
       <i class="fa fa-terminal"></i> 
      </div> 
      <h7>Live Scanning 1300-1700</h7> 
     </div> 

    </div> 
</div> 

ОК так что здесь является HTML с конечно какой Laravel код лезвия штуковина. вот JavaScript:

$('[data-toggle="radio_scanning"]').click(function(event){ 
    wizard = $(this).closest('.wizard-card'); 
    wizard.find('[data-toggle="radio_scanning"]').removeClass('active'); 
    $(this).addClass('active'); 
    $(wizard).find('[name="register_scanning"]').removeAttr('checked'); 
    $(this).find('[name="register_scanning"]').attr('checked','true'); 
}); 

$('[data-toggle="radio_cadaver"]').click(function(event){ 
    wizard = $(this).closest('.wizard-card'); 
    wizard.find('[data-toggle="radio_cadaver"]').removeClass('active'); 
    $(this).addClass('active'); 
    $(wizard).find('[name="register_cadaver"]').removeAttr('checked'); 
    $(this).find('[name="register_cadaver"]').attr('checked','true'); 
}); 

$('#radio_scanning_0').click(function() { 
    $("#radio_cadaver_0").hide('fast'); 
    $("#radio_cadaver_1").hide('fast'); 

    $("#radio_cadaver_2").show('fast'); 
    $("#radio_cadaver_3").show('fast'); 
}); 
$('#radio_scanning_1').click(function() { 
    $("#radio_cadaver_0").show('fast'); 
    $("#radio_cadaver_1").show('fast'); 

    $("#radio_cadaver_2").hide('fast'); 
    $("#radio_cadaver_3").hide('fast'); 
}); 

Это один был помещен внутри document.ready теперь для объяснения: Скрипт для выбора кнопки радио и дать ему значение проверки, потому что я создал мои радио-кнопки чтобы выглядеть

Так я был в состоянии нажать на кнопку радио и выделить их, но когда я отправить форму он возвращает ошибку о том, что мне нужно выбрать опцию FRON радиокнопок., это означает, что переключатели не отмечены. Это происходит только тогда, когда я нахожусь в firefox. дело в том, что он хорошо работает в хроме и опера просто firefox и IE. я сделал это неправильно? javascript Я имею в виду. Я делаю это неправильно или мне что-то не хватает?

Благодарим вас за то, что вы заинтересованы в этом вопросе.

Answer 1

Дубликат: How to check a radio button with jQuery ?

Answer 2

Добавление autocomplete="off" в виде тега должен решить проблему. Или так я слышал. Я никогда не пробовал.

Answer 3

Просто измените простое значение на следующей строке:

$(this).find('[name="register_scanning"]').**prop**('checked','true'); *// Good!* 

Вместо:

$(this).find('[name="register_scanning"]').**attr**('checked','true'); *//Wrong* 

И это все!

Надеюсь, это будет полезно.