【问题标题】:Textbox value Change based on radiobutton selection laravel基于单选按钮选择 laravel 的文本框值更改
【发布时间】:2016-04-09 08:59:05
【问题描述】:

我有一个表单,我需要根据“是”或“否”单选按钮更新文本框的值。如果是,那么它工作正常,但如果不是,则需要更改文本框的值。我无法正确更新。我需要更改表单文本 min_Delivery_Cost 的值,以便我可以在 db 中更新。

这是我的代码..

<div class="form-group" style="margin-top:20px" id="min_delivery_div">
    <label for="exampleInputEmail1">Min. Delivery Cost</label>
    {{ Form::text('min_delivery_cost', null, array('placeholder' => 'Min. Delivery Cost', 'class' => 'form-control')) }}
</div>

这里是单选按钮

<div class="form-group" style="margin-top:20px">
    <label for="exampleInputEmail1">Home Delivery</label>
    <div class="radio">
        {{ Form::radio('home_delivery', '1', (Input::old('home_delivery') == '1'), array('id'=>'homedelivery1', 'onclick' => 'checkHomeDeliveryType();')) }}
        <label for="homedelivery1">Yes</label>
        {{ Form::radio('home_delivery', '0', (Input::old('home_delivery') == '0'), array('id'=>'homedelivery2', 'onclick' => 'checkHomeDeliveryType();')) }}
        <label for="homedelivery2">No</label>
    </div>
</div>

这是一个Javascript

if(!$('#homedelivery2').is(":checked") && !$('#homedelivery2').is(":checked")) {
    $('#homedelivery1').attr("checked", true);

    $('#min_delivery_cost_div').show();
}
@if (Form::text('min_delivery_cost') == '0')


    $('#min_delivery_cost_div').hide();
@endif

function checkHomeDeliveryType() {
    if($('#homedelivery1').is(":checked")) {        
        $('#min_delivery_div').show();          
    } else if($('#homedelivery2').is(":checked")) {

        $('#min_delivery_div').hide();          
        $('#min_delivery_cost').val('0.00'));
        $("#min_delivery_cost").removeAttr('readonly');
    }
}

【问题讨论】:

  • 找到了解决方案...
  • $('input[name=min_delivery_cost]').val('0.00');

标签: javascript php jquery laravel laravel-4


【解决方案1】:

HTML:

<form>
    <input type="radio" name="sex" value="male" checked> Male
    <br>
    <input type="radio" name="sex" value="female"> Female
</form> 

JQuery:

$('input[type="radio"]').change(function(){

    var i = $(this);

    alert(i.val());

});

进一步说明:

只需将更改事件绑定到您的无线电输入。如果您想保留该值(“缓存”),则只需添加一个隐藏输入并更改该输入的值或仅触发更改函数中的其他函数。

【讨论】:

  • 我认为这个功能不会起作用,因为我在编辑控制器它不包含 laravel 中的类型。
  • 对不起,我不明白。我以为您只是想触发一个功能,该功能将根据所选单选按钮更改文本框?顺便提一句。此行缺少选择器的引号:$(#min_delivery_cost).val('0.00'));
  • 您的代码中仍有拼写错误:$('#min_delivery_cost').val('0.00'));
  • 请检查您的代码是否有拼写错误,如果您的问题得到解决,请再次测试。我已经测试了您的 checkHomeDeliveryType() 函数,它的工作方式与预期一样。 (启用文本输入并将 val 更改为 0.00。)
  • 好的。但我需要将该值发送到数据库。这没有发生
猜你喜欢
  • 2018-10-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-27
  • 2020-06-28
  • 1970-01-01
  • 1970-01-01
  • 2015-01-22
相关资源
最近更新 更多