Question

我需要帮助才能通过文本和无线电输入字段计算值。这是HTML代码：

<input type="text" id="num" name="num" />

<input type="radio" name="yesno" value="yes"> Yes
<input type="radio" name="yesno" value="no"> No

<input type="text" id="result" name="result" />

现在我想根据某些条件计算价值：

IF单选按钮值为no input#result将显示与input#num
如果单选按钮值为yes，则结果将根据条件计算显示值：

一个。如果input#num = 1-10则input#result = input#num * 4

湾如果input#num = 11-20则input#result = input#num * 3.5

℃。如果input#num = 21-50则input#result = input#num * 3

d。如果input#num = 51-100则input#result = input#num * 2.5

即如果input#num = 101-200则input#result = input#num * 2

F。如果input#num = 200+然后input#result = input#num * 1.5

请帮帮我。我不太了解javascript所以我需要你的帮助。在此先感谢您的帮助。

Answer 1

试试这个

$("input[type='radio']").on("click", function() {

    if ($(this).val() == 'yes') {
        var value = $("#num").val();
        var result = 0;
        if (value <= 10) {
            result = value * 4;
        } else if (value <= 20) {
            result = value * 3.5;
        }
        $("#result").val(result);
    } else {
        $("#result").val($("#num").val());
    }

})

Answer 2

$("input[name=yesno]").change(function () {
    if ($(this).val() == 'no') {
        $("#result").val($("#num").val())
    } else {
        var ten = $("#num").val();

        if (ten <= 10) {
            var total = parseFloat(ten) * 4;
            $("#result").val(total);
        } else if (ten <= 20 && ten >= 11) {
            var total = parseFloat(ten) * 3.5;
            $("#result").val(total);
        }
    }
})

fiddle

Answer 3

我想这是不知道如何通过JS访问html元素的问题。

您可以使用$("[name=yesno]:checked").val();返回是/否
您可以使用$("#result").val(someval)

通过javascript输入文本和无线电计算

3 个答案: