我一直在寻找这个问题的答案,但找不到。我正在尝试将一个数字输入到类型为“文本”的 html 输入标记中。然后,我需要将该值放入该输入中乘以 2,并将答案显示到另一个输入中。
我的 table 是这样的。然后重复多次并使用适当的表格标签结束。
<table class="left-table" style="width:50%">
<th><u>Expense</u></th>
<th><u>Weekly</u></th>
<th><u>Fortnightly</u></th>
<th><u>Yearly</u></th>
<tr>
<td class="options">
<select class="expense-option">
<option>- Select Option -</option>
<option>Car Insurance</option>
<option>Car Loan</option>
<option>Car Park</option>
<option>Car Registration</option>
<option>Car Servicing</option>
<option>Clothes</option>
<option>Credit Card</option>
<option>Dining Out</option>
<option>Donation</option>
<option>Entertainment</option>
<option>Groceries</option>
<option>Health Insurance</option>
<option>Internet</option>
<option>Mobile Phone</option>
<option>Petrol</option>
<option>Rent / Mortgage</option>
<option>Spending / Pocket Money</option>
<option>Sport</option>
<option>Utilities</option>
</select>
</td>
<td><input class="amount" id="input10" type="text" placeholder="Weekly $"></td>
<td><input class="amount" id="output10" type="text" placeholder="Fortnightly $" readonly></td>
<td><input class="amount" id="output20" type="text" placeholder="Yearly $" readonly></td>
</tr>
我的JS是这样的:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$("#input10").keyup(function(){
var input1 = parseInt($("#input10").val());
if(!isNaN(input1)){
$("#output10").val(input1 * 2);
}
else{
$("#output10").val("");
alert("Please enter a valid number");
}
});
</script>
但仍然没有任何效果。
最佳答案
$("#input1").keyup(function(){
var input1 = parseInt($("#input1").val());
if(!isNaN(input1)){
$("#output1").val(input1 * '2');
}
else{
$("#output1").val("");
alert("Please enter a valid number");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td><input class="amount" id="input1" type="text" placeholder="Weekly $"></td>
<td><input class="amount" id="output1" type="text" placeholder="Fortnightly $" readonly></td>
</tr>
</table>
$("#input1").keyup(function(){
var input1 = parseInt($("#input1").val());
if(!isNaN(input1)){
$("#output1").val(input1 * '2');
}
else{
$("#output1").val("");
alert("Please enter a valid number");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td><input class="amount" id="input1" type="text" placeholder="Weekly $"></td>
<td><input class="amount" id="output1" type="text" placeholder="Fortnightly $" readonly></td>
</tr>
</table>
第一行有一个拼写错误(还假设您有这样的表结构:
<td><input class="amount" id="input1" type="text" placeholder="Weekly $"></td>
<td><input class="amount" id="output1" type="text" placeholder="Fortnightly $" readonly></td>
删除该行中 2 周围的 ' 字符:
$("#output1").val(input1 * '2');
这使它成为一个字符串 你需要(为了保持它是一个可用于计算的数字:
$("#output1").val(input1 * 2);
更正后的工作代码是(添加表结构):
<table>
<tr>
<td><input class="amount" id="input1" type="text" placeholder="Weekly $"></td>
<td><input class="amount" id="output1" type="text" placeholder="Fortnightly $" readonly></td>
</tr>
</table>
<script>
$("#input1").keyup(function(){
var input1 = parseInt($("#input1").val());
if(!isNaN(input1)){
$("#output1").val(input1 * 2);
}
else{
$("#output1").val("");
alert("Please enter a valid number");
}
});
</script>
关于javascript - HTML 文本输入 * "value";在不同的文本输入中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36007993/