使用jQuery实时更新输入

作者: 春风助手
发布时间: 2024-12-17 02:09:41 (1月前)

3 条回复

1#
回复此人
只怕再见是故人 | 2020-08-12 09-37

更改onchange方式oninput应会给您所需的行为，以下代码段对我有用： ``` function updateInput() { var discount = document.getElementsByName("discount")[0].value; var cost = document.getElementsByName("cost")[0].value; document.getElementsByName("price")[0].value = cost - (cost * (discount / 100)); } function disc() { console.log(document.getElementsByName("discount")[0].value); if($("#prized").val().length > 1) { var discount = document.getElementsByName("discount")[0].value; var cost = document.getElementsByName("cost")[0].value; document.getElementsByName("price")[0].value = cost - (cost * (discount / 100)); } } ``` ``` <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="cost" oninput="disc()"> <br><br> <input type="text" name="discount" id="prized" oninput="updateInput()"> <input type="text" name="price" value=""> ```

编辑
2#
回复此人
只怕再见是故人 | 2020-08-12 09-38

更改onchange方式oninput应会给您所需的行为，以下代码段对我有用： ``` function updateInput() { var discount = document.getElementsByName("discount")[0].value; var cost = document.getElementsByName("cost")[0].value; document.getElementsByName("price")[0].value = cost - (cost * (discount / 100)); } function disc() { console.log(document.getElementsByName("discount")[0].value); if($("#prized").val().length > 1) { var discount = document.getElementsByName("discount")[0].value; var cost = document.getElementsByName("cost")[0].value; document.getElementsByName("price")[0].value = cost - (cost * (discount / 100)); } } ``` ``` <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="cost" oninput="disc()"> <br><br> <input type="text" name="discount" id="prized" oninput="updateInput()"> <input type="text" name="price" value=""> ```

编辑

登录后才能参与评论