Javascript 如何在jQuery中获得不同的文本框值？

我正在使用jQuery，我需要在不同的单选按钮上传递相同文本框的不同值，如文本框名称

actual

在选择不同的单选按钮时有四个不同的值如何传递

    <script type="text/javascript" src="jquery.min2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
$('#loads').closest('div').hide();
$('#units').val('0');
$('input[name="myradio"]').change(function(){
    if($('input[name="myradio"]:checked').val() == '100')
        $('#loads').closest('div').hide();
    else
        $('#loads').closest('div').show();
});
$('input[readonly]').each(function(){
            $(this).val('0'); 
});

$('#actual').val('2.56');
 $("input:radio[name=myradio], #btn-calculate").click(function() {
     if ($('input[name=myradio]:radio:checked').val() == '100'){
       $('#actual').val('2.56');
       $('#charges').val('20');
     } else if ($('input[name=myradio]:radio:checked').val() == '200'){
       $('#actual').val('3.50');
       $('#charges').val('40');
     } else if ($('input[name=myradio]:radio:checked').val() == '300'){
       $('#actual').val('4.50');
       $('#charges').val('60');
     } else if ($('input[name=myradio]:radio:checked').val() == '400'){
       $('#actual').val('5.50');
       $('#charges').val('80');
     }
    $('#tax').val(($('#units').val())*($('#actual').val()));
    $('#elec').val(($('#units').val())*($('#actual').val()));
     $('#amount').val(parseInt(($('#charges').val()))+parseInt(($('#actual').val())));
      $('#govt').val(($('#actual').val())-($('#units').val()));
         $('#result').val(($('#amount').val())-($('#govt').val()));
});

</script>

    <form method="POST" name="form1">
    <label>Select your category:</label>
    <label class="radio">
        <input type="radio" value="100" name="myradio" checked="checked" />Domestic</label>
    <label class="radio">
        <input type="radio" value="200" name="myradio" />a</label>
    <label class="radio">
        <input type="radio" value="300" name="myradio" />b</label>
    <label class="radio">
        <input type="radio" value="400" name="myradio" />c</label>
    <div>
        <label for="units">No of units(kwh) used</label>
        <input type="text" name="units" id="units" />
    </div>
    <div>
        <label for="loads">Connected loads(kwh)</label>
        <input type="text" name="loads" id="loads" />
    </div>
    <div>
        <label for="actual">Actual</label>
        <input type="text" data-value="2.60" readonly="readonly" name="actual" id="actual" />
    </div>
    <div>
        <label for="tax">Tax</label>
        <input type="text" readonly="readonly" name="tax" id="tax" />
    </div>
    <div>
        <label for="elec">Elec</label>
        <input type="text" readonly="readonly" name="elec" id="elec" />
    </div>
    <div>
        <label for="charges">Charges</label>
        <input type="text" readonly="readonly" name="charges" id="charges" />
    </div>
    <div>
        <label for="amount">Amount</label>
        <input type="text" readonly="readonly" name="amount" id="amount" />
    </div>
    <div>
        <label for="govt">Govt</label>
        <input type="text" readonly="readonly" name="govt" id="govt" />
    </div>
    <div>
        <label for="result">Result</label>
        <input type="text" readonly="readonly" name="result" id="result" />
    </div>
    <button type="button" id="btn-calculate">Calculate</button>
</form>

$（文档）.ready（函数（）{
$（“#加载”）.closest（'div'）.hide（）；
$（'单位'）.val（'0'）；
$（'input[name=“myradio”]”）。更改（函数（）{
if（$（'input[name=“myradio”]：checked'）.val（）=='100'）
$（“#加载”）.closest（'div'）.hide（）；
其他的
$（“#加载”）.closest（'div'）.show（）；
});
$（'input[readonly]'）。每个（函数（）{
$（this.val（'0'）；
});
$（'实际'）.val（'2.56'）；
$（“输入：radio[name=myradio]，#btn calculate”）。单击（函数（）{
if（$（'input[name=myradio]：radio:checked'）.val（）{
$（'实际'）.val（'2.56'）；
美元（‘费用’）.val（‘20’）；
}else if（$（'input[name=myradio]：radio:checked'）.val（）{
$（'实际'）.val（'3.50'）；
美元（‘费用’）.val（‘40’）；
}else if（$（'input[name=myradio]：radio:checked'）.val（）{
$（'实际'）.val（'4.50'）；
美元（‘费用’）.val（‘60’）；
}else if（$（'input[name=myradio]：radio:checked'）.val（）{
$（'实际'）.val（'5.50'）；
美元（‘费用’）.val（‘80’）；
}
$（'#tax'）.val（$（'#units'）.val（））*（$（'#actual'）.val（））；
$（'#elec'）.val（$（'#units'）.val（））*（$（'#actual'）.val（））；
$（'金额'）.val（parseInt（$（'费用'）.val（））+parseInt（$（'实际'）.val（））；
$（'政府'）.val（$（'实际'）.val（））-（$（'单位'）.val（））；
$（'结果'）.val（$（'金额'）.val（））-（$（'政府'）.val（））；
});
选择您的类别：
国内的
A.
B
C
使用的单位数量（kwh）
连接负载（kwh）
实际的
税
电气
收费
数量
政府
结果
算计

同样，我希望在文本框名称

金额=费用+实际

和文本框名称

政府=实际单位

以及文本框名称

结果=金额政府

中显示上述四个单选按钮

---

只需对每个单选按钮使用单击事件

<input type="radio" value="200" name="myradio" id="radio_A"/>a

$('#radio_A').on('click', function() { $('#actual').val(somevalue); });

a
$（'#radio_A'）.on（'click'，function（）{$（'#actual'）.val（somevalue）；}）；

div{
利润率：10px0；
}
div标签{
宽度：140px；
显示：内联块；
文本对齐：右对齐；
}
输入[只读]{
背景：#eee；
}
$（文档）.ready（函数（）{
$（“#加载”）.closest（'div'）.hide（）；
$（'单位'）.val（'0'）；
$（'input[name=“myradio”]”）。更改（函数（）{
if（$（'input[name=“myradio”]：checked'）.val（）=='100'）
$（“#加载”）.closest（'div'）.hide（）；
其他的
$（“#加载”）.closest（'div'）.show（）；
});
$（'input[readonly]'）。每个（函数（）{
$（this.val（'0'）；
});
$（'实际'）.val（'2.56'）；
$（“输入：radio[name=myradio]，#btn calculate”）。单击（函数（）{
if（$（'input[name=myradio]：radio:checked'）.val（）{
$（'实际'）.val（'2.56'）；
美元（‘费用’）.val（‘20’）；
}else if（$（'input[name=myradio]：radio:checked'）.val（）{
$（'实际'）.val（'3.50'）；
美元（‘费用’）.val（‘40’）；
}else if（$（'input[name=myradio]：radio:checked'）.val（）{
$（'实际'）.val（'4.50'）；
美元（‘费用’）.val（‘60’）；
}else if（$（'input[name=myradio]：radio:checked'）.val（）{
$（'实际'）.val（'5.50'）；
美元（‘费用’）.val（‘80’）；
}
$（'#tax'）.val（$（'#units'）.val（））*（$（'#actual'）.val（））；
$（'#elec'）.val（$（'#units'）.val（））*（$（'#actual'）.val（））；
$（'金额'）.val（parseInt（$（'费用'）.val（））+parseInt（$（'实际'）.val（））；
$（'政府'）.val（$（'实际'）.val（））-（$（'单位'）.val（））；
$（'结果'）.val（$（'金额'）.val（））-（$（'政府'）.val（））；
});
});
选择您的类别：
国内的
A.
B
C
使用的单位数量（kwh）
连接负载（kwh）
实际的
税
收费
数量
政府
结果
算计

你能把它放在我的代码中吗？创建js小提琴，这样我就能看到它的工作原理了，我也想要这个类似的我想要这个在文本框名称amount=charges+actual中，在文本框名称govt=actual units中，在文本框名称result=amount govt中，上面四个单选按钮n我怎么做？我还需要将这个实际值与输入值相乘用户输入的sir副本我国内的实际值是2.56 n费用是20，对于a是3.50 n费用是40，b是4.5 n充电器是60这些都是默认值value@user2581292编辑答案。您可以使用if-else并根据需要设置实际值和所有其他值。也编辑了。我编辑了我的问题我粘贴了您给出的代码我的问题你能告诉我我的问题吗

<!DOCTYPE html>
<head>

<style type="text/css">
div {
    margin: 10px 0;
}
div label {
    width: 140px;
    display: inline-block;
    text-align: right;
}
input[readonly] {
    background: #eee;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#loads').closest('div').hide();
    $('#units').val('0');
    $('input[name="myradio"]').change(function(){
            if($('input[name="myradio"]:checked').val() == '100')
                $('#loads').closest('div').hide();
            else
                $('#loads').closest('div').show();
    });

    $('input[readonly]').each(function(){
                    $(this).val('0'); 
        });

        $('#actual').val('2.56');
        $("input:radio[name=myradio], #btn-calculate").click(function() {
            if ($('input[name=myradio]:radio:checked').val() == '100'){
               $('#actual').val('2.56');
               $('#charges').val('20');
            } else if ($('input[name=myradio]:radio:checked').val() == '200'){
               $('#actual').val('3.50');
               $('#charges').val('40');
            } else if ($('input[name=myradio]:radio:checked').val() == '300'){
               $('#actual').val('4.50');
               $('#charges').val('60');
            } else if ($('input[name=myradio]:radio:checked').val() == '400'){
               $('#actual').val('5.50');
               $('#charges').val('80');
            }
            $('#tax').val(($('#units').val())*($('#actual').val()));
            $('#elec').val(($('#units').val())*($('#actual').val()));
            $('#amount').val(parseInt(($('#charges').val()))+parseInt(($('#actual').val())));
            $('#govt').val(($('#actual').val())-($('#units').val()));
            $('#result').val(($('#amount').val())-($('#govt').val()));
        });
});
</script>
</head>
<body>
<form method="POST" name="form1">
<label>Select your category:</label>
    <label class="radio">
        <input type="radio" value="100" name="myradio" checked="checked" />Domestic</label>
    <label class="radio">
        <input type="radio" value="200" name="myradio" />a</label>
    <label class="radio">
        <input type="radio" value="300" name="myradio" />b</label>
    <label class="radio">
        <input type="radio" value="400" name="myradio" />c</label>
    <div>
        <label for="units">No of units(kwh) used</label>
        <input type="text" name="units" id="units" />
    </div>
    <div>
        <label for="loads">Connected loads(kwh)</label>
        <input type="text" name="loads" id="loads" />
    </div>
    <div>
        <label for="actual">Actual</label>
        <input type="text" data-value="2.60" readonly="readonly" name="actual" id="actual" />
    </div>
    <div>
        <label for="tax">Tax</label>
        <input type="text" data-value="0.00" readonly="readonly" name="tax" id="tax" />
    </div>
    <div>
        <label for="charges">Charges</label>
        <input type="text" data-value="20.00" readonly="readonly" name="charges" id="charges" />
    </div>
    <div>
        <label for="amount">Amount</label>
        <input type="text" data-value="2.60" readonly="readonly" name="amount" id="amount" />
    </div>
    <div>
        <label for="govt">Govt</label>
        <input type="text" data-value="2.60" readonly="readonly" name="govt" id="govt" />
    </div>
    <div>
        <label for="result">Result</label>
        <input type="text" readonly="readonly" name="result" id="result" />
    </div>
    <button type="button" id="btn-calculate">Calculate</button>
</form>

</body>

</html>