我有一个表单我需要根据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');
}
}
答案 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;),则只需添加隐藏的输入并更改该输入的值,或者仅触发更改函数中的其他函数。