Question

我有一个表单，我需要弄清楚如何确保选择单选按钮的代码

这是表格

<body>
    <div id="content">

        <p>Enter the values below and click "Calculate".</p>

        <label for="length">Length:</label>
        <input type="text" id="length" /><br />

        <label for="width">Width:</label>
        <input type="text" id="width" /><br />

        <label for="answer">Answer:</label>
        <input type="text" id="Answer" disabled="disabled" /><br />

        <input type="radio" name="Area" value="Area" check="checked"/>Area<br />
        <input type="radio" name="Parimeter" value="Parimeter"  />Parimeter<br />

         <label>&nbsp;</label>
        <input type="button" id="calculate" value="Calculate" /><br />

    </div>
</body>
</html>

这是代码

var $ = function (id) {
    return document.getElementById(id);
}

var calculate_click = function () {
    var length = parseFloat( $("length").value );
    var width = parseFloat( $("width").value );

    // $("area").value = "";

    if (isNaN(length) || length <= 0) {
        alert("Length must be a valid number\nand greater than zero.");
    } else if(isNaN(width) || width <= 0) {
        alert("Width must be a valid number\nand greater than zero.");
       }
    } else {
        var area = width * length;
        var perimeter = 2 * width + 2 * length;

        $("area").value = area.toFixed(2);
        $("perimeter").value = perimeter.toFixed(2);
    } 
}

window.onload = function () {
    $("calculate").onclick = calculate_click;
    $("length").focus();

}

Answer 1

以下是一些可以帮助您完成作业的链接：

如何检查以确保选中单选按钮

1 个答案: