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');
 });

这个被放在一个文件里现在解释：脚本是选择单选按钮并给它一个检查值，因为我已创建我的单选按钮看起来像这样 radio button

所以我能够点击单选按钮并突出显示它们，但是当我提交表单时，它将返回一个错误，说我需要从单选按钮选择一个选项。这意味着不检查单选按钮。，这只发生在我使用Firefox时。事情是它在chrome和opera中运行良好只是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*

就是这样！

我希望它会有用。

单选按钮没有得到html中检查的值

3 个答案: