文本框值基于radiobutton selection laravel的更改

时间:2016-01-05 13:51:23

标签: javascript php jquery laravel laravel-4

我有一个表单我需要根据YES或NO单选按钮更新文本框值。如果是,那么它工作正常但如果否则则需要更改文本框的值。我无法正确更新。我需要更改表单文本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>

这里是radiobutton

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

1 个答案:

答案 0 :(得分:0)

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

});

进一步说明:

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