2016-03-14 44 views
-1

我無法將表單字段值存儲爲jQuery變量。我的控制文本存儲和調用就像一個魅力..經過多次測試,我仍然不確定我在這裏失蹤。也許我看不到一個愚蠢的人類伎倆?將表單字段值存儲爲jQuery變量時遇到問題

這裏是小提琴:https://jsfiddle.net/brokenmold/f78vrs16/5/

<form class="ajaxform form-horizontal" method="POST" action=""> 
    <label for="billing_org" class="sr-only">Billing Org</label><br> 
    <input type="text" name="billing_org" class="form-control" value="Test Billing Co" placeholder="Billing Org"><br><br> 

    <label> 
     <input type="checkbox" name="shipping_same" id="shipwreck"> Ship Same As Billing 
    </label><br><br> 

    <label for="shipping_org" class="sr-only">Shipping Org</label><br> 
    <input type="text" name="shipping_org" id="shipping_org" class="form-control" value="Not Checked" placeholder="Shipping Org"><br><br> 

    <label for="control_test" class="sr-only">Control Test</label><br> 
    <input type="text" name="control_test" id="control_test" class="form-control" value="Not Checked" placeholder="Contol Test"> 
</form> 
$("#shipwreck").on('click', function() { 
    var billing_org = $('#billing_org').val(); 
    var control_test = "Control Test"; 

    if ($('#shipwreck').prop('checked')) { 
     $("#shipping_org").val(billing_org); 
     $("#control_test").val(control_test); 
    } else { 
     $("#shipping_org").val("Not Checked"); 
     $("#control_test").val("Not Checked"); 
    } 
}); 

https://jsfiddle.net/brokenmold/f78vrs16/5/

+1

你有這個代碼的具體問題?看起來它在這裏工作得很好。 –

+1

您的意思是說,在檢查並取消選中該值後不會改變? – putvande

+1

jsfiddle正常工作 – Xposedbones

回答

2

你的HTML是有缺陷的。 billing_org字段中沒有ID,因此存儲該值的代碼將不起作用。您輸入字段HTML改成這樣,你應該罰款:

<input type="text" name="billing_org" id="billing_org" class="form-control" value="Test Billing Co" placeholder="Billing Org"> 

在從原始代碼上面唯一的變化是增加了id="billing_org"

它總是簡單的滑過!

+0

你是如此的正確,我測試了1個領域,我錯過了把ID放在..顯然沒有抓住它。 :P –

相關問題