javascript或jQuery函數用於輸入字段之間的交互值

我有一個html表單，人們可以在其中輸入購買項目的數量。該文本字段的默認值是1javascript或jQuery函數用於輸入字段之間的交互值

<input type="text" size="5" value="1" id="position" class="amntstyle" name="position">

我想其他文本輸入字段的價格在價值將是15位的時間自動。

例如，如果某人在位置字段中輸入3，則價格輸入字段將自動獲得值45。像這樣

<input type="text" size="5" value="45" id="price" class="amntstyle" name="price">

這可能嗎？

非常感謝您的幫助。

來源

2012-08-16 perception30

簡單..使用javascript功能和onkeyup

<script type="text/javascript"> 
    function updatePrice(amount, element){ 
     var amount = parseInt(amount); 
     if(!amount) amount = 0; 
     var toUpdate = amount*15; 
     document.getElementById(element).value = toUpdate; 
    } 
</script> 


<input type="text" size="5" value="1" id="position" class="amntstyle" name="position" onkeyup="updatePrice(this.value,'price');"> 
<input type="text" size="5" value="45" id="price" class="amntstyle" name="price">

來源

2012-08-16 06:41:41

工作演示：http://jsfiddle.net/YgheP/

使其成爲特定的方案，但可以將其調整到您的需要。

希望它能滿足您的需求。 :)

也尋找isNaN檢查和浮點值以及！ parseFloat(string)

代碼

$('#position').keyup(function() { 
    var price = parseInt(this.value) * 15; 

    $('#price').prop('value', price); 
});

來源

2012-08-16 06:42:22

在我的Firebug控制檯中顯示錯誤。（「＃price」）。prop不是函數但它在jsfiddle中有效。 – perception30 2012-08-16 07:13:18

對不起，我的jQuery版本是舊的！它現在像一個魅力工作！非常感謝 – perception30 2012-08-16 07:20:04

@KhaledBinAQuadir所有好兄弟！ '：''很高興幫助！是的，在較舊的verson中，您可以使用api'.attr'而不是'.prop'，但我認爲它適合您！ – 2012-08-16 08:53:13

您可以使用此代碼添加一個事件處理程序，將解決你的問題：

$("#position").bind("change", function(){ 
    $("#price").val(parseInt($("#position").val()) * 15); 
}

希望幫助

來源

2012-08-16 06:42:37 Logard

這裏是YUI3版本：

 <script src="http://yui.yahooapis.com/3.6.0/build/yui/yui-min.js"></script> 
<script> 
    YUI().use("node", function(Y) { 
     var priceNode = Y.one("#price"); 
     var positionNode = Y.one("#position"); 
     positionNode.on("change", function(e) { 
      priceNode.set("value", positionNode.get("value")*15); 
     }); 
    }); 
</script>

來源

2012-08-16 06:46:12

如果你正在使用jQuery然後通過使用插件formInteract，你只需要這樣做。

<input type="text" size="5" value="1" id="position" class="amntstyle" name="position"> 

<input type="text" size="5" value="45" id="price" class="amntstyle" name="price" data-bind-change-value="#position*15">

在頁面的底部只是包含這個插件文件，其他的一切都會自己完成。

這裏是項目 https://bitbucket.org/ranjeet1985/forminteract

你可以使用這個插件對於很多像宗旨形式獲得價值，把價值形成，形式和更多的驗證鏈接。您可以在項目的index.html文件中看到一些代碼示例

來源

2015-02-04 12:17:44

javascript或jQuery函數用於輸入字段之間的交互值

回答

相關問題