基于单选按钮选择 laravel 的文本框值更改

Posted

技术标签:

【中文标题】基于单选按钮选择 laravel 的文本框值更改【英文标题】:Textbox value Change based on radiobutton selection 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'); 【参考方案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。) 好的。但我需要将该值发送到数据库。这没有发生

以上是关于基于单选按钮选择 laravel 的文本框值更改的主要内容,如果未能解决你的问题,请参考以下文章

防止基于选择框选择的单选按钮更改

单选按钮设置文本框值

基于选定的单选按钮在 Tkinter 中启动命令?

基于角度 js 中的单选按钮选择的表单动作更改

更改单选按钮旁边的字体大小

更改单选按钮选中状态时如何从单选按钮组中的单选按钮获取文本