[英]Submit input value for checked radio button
我为单选按钮设置了隐藏功能。 每当用户单击单选按钮时,它将显示/隐藏div。 使用Javascript:
$('input[type="radio"]').click(function () {
if ($(this).attr("id") == "CodeYes") {
$("#time").show();
}
if ($(this).attr("id") == "CodeNo") {
$("#time").hide();
}
});
HTML形式:
<div class="form-group">
<label class="col-sm-5 control-label">Code Initiated </label>
<div class="col-sm-7">
<label class="radio radio-inline">
<input type="radio" name="CodeInitiated" value="true" id="CodeYes"> Yes</label>
<label class="radio radio-inline">
<input type="radio" name="CodeInitiated" value="false" id="CodeNo"> No</label>
</div>
</div>
<div class="form-group" id="time">
<label class="col-sm-5 control-label">Time </label>
<div class="col-sm-3 ">
<div Class="input-group ">
<input Class="form-control input-sm" id="CodeInitiatedTime" name="CodeInitiatedTime" type="datetime-local" />
</div>
</div>
</div>
当用户单击“ yes
按钮时,将显示time div。 问题是,当用户单击“ yes
按钮并在其中的输入框中键入输入时,然后用户单击“ no
按钮,这意味着他要取消以前的输入。 提交表单后,输入仍保留该值并将其带到控制器。 如何确保仅在单选按钮上单击正确按钮后才对值求和?
隐藏div
,也可以disable
input
(反之亦然)
$('input[type="radio"]').click(function () {
if ($(this).attr("id") == "CodeYes") {
$("#time").show();
$("#time").find(":input").prop( "disabled", false ); //enable it back
}
if ($(this).attr("id") == "CodeNo") {
$("#time").hide();
$("#time").find(":input").prop( "disabled", true ); //disable on hide
}
});
禁用的输入未提交。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.