I配送先住所のフォームに入力された請求先住所を複製するために、次のコードを持っている:は、MVC使用して請求先住所に配送先住所をコピー
私は値が一時アドレスのテキストボックスに渡されていないチェックボックスをクリックすると
<form id="form" action="">
<section>
<div id="row">
<h5 class="with-border">Permanent Address </h5>
<div class="row">
<div class="col-lg-4">
<fieldset class="form-group">
<label class="form-label semibold control-label">Address line 1</label>
@Html.TextBoxFor(model => model.pharmaCompanyDivision.PAddress1, new { @class = "form-control", @id = "txtPAddress1", placeholder = "Address Line1" })
</fieldset>
</div>
<div class="col-lg-4">
<fieldset class="form-group">
<label class="form-label semibold control-label">Address Line2</label>
@Html.TextBoxFor(model => model.pharmaCompanyDivision.PAddress2, new { @class = "form-control", @id = "txtPAddress2", placeholder = "Address Line2" })
</fieldset>
</div><!--.row-->
<div class="checkbox">
<input type="checkbox" id="check-1">
<label for="check-1">Billing Address is same as Shipping Address.</label>
</div>
<h5 class="with-border">Temporary Address </h5>
<div class="row">
<div class="col-lg-4">
<fieldset class="form-group">
<label class="form-label semibold control-label">Address line 1</label>
@Html.TextBoxFor(model => model.pharmaCompanyDivision.TAddress1, new { @class = "form-control", @id = "txtTAddress1", placeholder = "Address Line1" })
</fieldset>
</div>
<div class="col-lg-4">
<fieldset class="form-group">
<label class="form-label semibold control-label">Address Line2</label>
@Html.TextBoxFor(model => model.pharmaCompanyDivision.TAddress2, new { @class = "form-control", @id = "txtTAddress2", placeholder = "Address Line2" })
</fieldset>
</div>
</div><!--.row-->
</section>
</form>
スクリプト:
<script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('input:checkbox[id*=check-1]').change(function() {
if ($(this).is(':checked')) {
$('input:text[id*=txtTAddress1]').val($('input:text[id*=txtPAddress1]').val());
$('input:text[id*=txtTAddress2]').val($('input:text[id*=txtPAddress2]').val());
}
else {
$('input:text[id*=txtTAddress1]').val('');
$('input:text[id*=txtTAddress2]').val('');
}
});
});
</script>
は、最初のイメージのチェックボックスは、値がTEXに渡されていない真の確認しましたTBOX
私は本当にすべてが助けに感謝します。
あなたのコード:これは、リアクトVueののように...私はこれが私の簡易版は、テストのために使用されている
以下を役に立てば幸い、DOMは、角などのJavaScriptフレームワークをレンダリングで発生することができます –
私の側にある@CarstenLøvboAndersenは空のテキストボックスだけで動作していません –
それはなぜか分かりませんが、mvcから自動生成されたhtmlと何か関係があります。 @ Html.TextBoxFor(model =>)を使用している場合、テキストボックスに渡されない値@Merb()を使用している場合、自動生成されたhtml –