文本框值根据单选按钮的选择进行更改 - Textbox value Change based on radiobutton selection laravel

Textbox value Change based on radiobutton selection laravel

本文关键字：选择单选按钮文本 | 更新日期: 2023-09-27

我有一个表单，需要根据YES或NO单选按钮更新文本框值。若为"是"，则工作正常，但若为"否"，则需要更改文本框的值。我无法正确更新。我需要更改表单文本min_Delivery_Cost的值，以便在数据库中更新。

这是我的密码。。

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

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

进一步解释：

只需将更改事件绑定到您的无线电输入即可。如果您想保留值（"缓存"），那么只需添加一个隐藏的输入并更改该输入的值，或者只需触发更改函数中的其他函数。