私は ASP.NET C# に取り組んでいます。
Javascript では、別のテキスト ボックスの値が 3:2 の比率で変化する場合、テキスト ボックスの値を変更する必要があります。
たとえば、テキストの値が 150 の場合、他のテキスト ボックスの値は 100 にする必要があります。
私は ASP.NET C# に取り組んでいます。
Javascript では、別のテキスト ボックスの値が 3:2 の比率で変化する場合、テキスト ボックスの値を変更する必要があります。
たとえば、テキストの値が 150 の場合、他のテキスト ボックスの値は 100 にする必要があります。
このようなものを使用してください
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function change() {
var t1Val = (document.getElementById("t1")).value;
(document.getElementById("t2")).value = ((t1Val * 2) / 3);
};
</script>
</head>
<body>
<input id="t1" type="text" onchange="change()"/>
<input id="t2" type="text"/>
</body>
</html>
必要な検証がある場合は、change()関数内に記述できます。
onchange
テキストボックスでまたはonkeyup
イベントを使用できます
次のjava-script関数をhtmlに追加します
function ChangeValue() {
if (document.getElementById('txtval1').value) {
document.getElementById('txtval2').value=document.getElementById('txtval1').value*2/3;
}
}
次に、IDがtxtval1、txtval2の2つのテキストボックスをHTMLに追加onkeyup="ChangeValue();
し、最初のテキストボックスに追加します
これを試して、
Javascript:
<script type="text/javascript">
function fill() {
document.getElementsByName('txt2')[0].value) = (document.getElementsByName('txt1')[0].value) * (2 / 3);
}
</script>
body タグ内のコード:
<form id="form1" runat="server">
<div>
<%--The text boxes must have numeric values--%>
<asp:TextBox ID="txt1" runat="server" onchange="javascript:fill();"></asp:TextBox>
<asp:TextBox ID="txt2" runat="server"></asp:TextBox>
</div>
お役に立てれば。