我该如何编写JavaScript来解释多个单选按钮，并根据选择的单选按钮来计算变量输出？_Javascript_Html

我该如何编写JavaScript来解释多个单选按钮，并根据选择的单选按钮来计算变量输出？

javascript html

我该如何编写JavaScript来解释多个单选按钮，并根据选择的单选按钮来计算变量输出？,javascript,html,Javascript,Html,正如标题所说，我正在尝试编写JavaScript来解释多个单选按钮（），变量输出取决于选择的单选按钮，然后根据html的请求显示结果。我一直在研究如何找到适合我所做工作的JavaScript代码，到目前为止，我发现： var myFunc=函数（）{ 警报（'1'）； }; 及。然后，我尝试将其全部组合成一个功能代码，并得到以下结果： `<head> <script type="text/javascript"> var myFunc = function (

正如标题所说，我正在尝试编写JavaScript来解释多个单选按钮（

），变量输出取决于选择的单选按钮，然后根据html

的请求显示结果。我一直在研究如何找到适合我所做工作的JavaScript代码，到目前为止，我发现： var myFunc=函数（）{ 警报（'1'）；
};

及

。然后，我尝试将其全部组合成一个功能代码，并得到以下结果：

`<head>
 <script type="text/javascript">
    var myFunc = function ('1') {
        var checked = false, radios = document.getElementById('_pass1');
        var checked = false, radios = document.getElementById('_pass2');
        var checked = false, radios = document.getElementById('_pass3');
        var checked = false, radios = document.getElementById('_pass4');
    for (var i = 0, radio; radio = radios[i]; i++) {
        if (radio.checked) {
            checked = true;
            document.getElementById('pass_fail_').innerHTML="PASSED!";
            break;
        }
    }

    if (!checked) {
        alert("Please select all options");
        radios.focus();
        return false;
    }

    return true;
    break;

    var myFunc = function ('2') {
        var checked = false, radios = document.getElementById('_pass1');
        var checked = false, radios = document.getElementById('_pass2');
        var checked = false, radios = document.getElementById('_pass3');
        var checked = false, radios = document.getElementById('_fail4');
    for (var i = 0, radio; radio = radios[i]; i++) {
        if (radio.checked) {
            checked = true;
            document.getElementById('pass_fail_').innerHTML="PASSED!";
            break;
        }

    }

    if (!checked) {
        alert("Please select all options");
        radios.focus();
        return false;
    }

    return true;
    break;

 myFunc('1); // function '1', function '2', function '3', function '4',            function '5', function '6', function '7', function '8', function '9', function '10', function '11', function '12', function '13', function '14', function '15', function '16'        </script>                           
`</head>
`<body>
    <p><b>Important Text</b></p>
    </br>
    <form id="_form_3">
        <input type="radio" name="grade" id="_pass3" value="pass"><font color="green">Pass</font></br>
        <input type="radio" name="grade" id="_fail3" value="fail"><font color="red">Fail</font>
    </form>
    <p>COmments</p>
    <textarea cols="95" rows="15">
    </textarea>
    </br>
    <hr>
    <p><b>Step, Slide, Switch</b><p>
    </br>
    <form id="_form_4">
        <input type="radio" name="grade" id="_pass4" value="pass"><font color="green">Pass</font></br>
        <input type="radio" name="grade" id="_fail4" value="fail"><font color="red">Fail</font>
     </form>
     <p>Comments</p>
     <textarea cols="95" rows="15">
     </textarea>
     </br>
     <hr>
     </form>
     <button onclick="myFunc('1')">PRESSS ME!</button>
     <p id="pass_fail_"></p>
`</body>
 `</html>

`
var myFunc=函数（'1'）{
var checked=false，radios=document.getElementById（“u pass1”）；
var checked=false，radios=document.getElementById（“u pass2”）；
var checked=false，radios=document.getElementById（“u pass3”）；
var checked=false，radios=document.getElementById（“u pass4”）；
for（变量i=0，radio；radio=radios[i]；i++）{
如果（无线电检查）{
选中=正确；
document.getElementById（'pass\u fail'）.innerHTML=“PASSED！”；
打破
}
}
如果（！选中）{
警报（“请选择所有选项”）；
收音机。焦点（）；
返回false；
}
返回true；
打破
var myFunc=函数（'2'）{
var checked=false，radios=document.getElementById（“u pass1”）；
var checked=false，radios=document.getElementById（“u pass2”）；
var checked=false，radios=document.getElementById（“u pass3”）；
var checked=false，radios=document.getElementById（“U fail4”）；
for（变量i=0，radio；radio=radios[i]；i++）{
如果（无线电检查）{
选中=正确；
document.getElementById（'pass\u fail'）.innerHTML=“PASSED！”；
打破
}
}
如果（！选中）{
警报（“请选择所有选项”）；
收音机。焦点（）；
返回false；
}
返回true；
打破
myFunc（'1）；//函数'1'，函数'2'，函数'3'，函数'4'，函数'5'，函数'6'，函数'7'，函数'8'，函数'9'，函数'10'，函数'11'，函数'12'，函数'13'，函数'14'，函数'15'，函数'16'
`
`
重要文本


通过

失败
评论



步进、滑动、开关


通过

失败
评论



按我！

`
`

现在，这不起作用，显然缺少了一些我保留下来的部分，以试图限制你的眼睛疲劳（所有遗漏的部分都遵循类似的分享路线）但我不知道这是JavaScripts部分的失败还是我的编码技能，倾向于后者。正如标题所说，我正在尝试编写包含多个单选按钮的JavaScript（

）变量输出取决于选择了哪个单选按钮，然后根据html的请求显示结果。我有第二个问题与第一个问题有关。JavaScript能否运行良好的脚本来完成我正在尝试做的事情，还是应该使用flash或.net语言？

开始时，最好使用编写一两行代码并使其工作。然后逐步添加更多代码，测试并使其工作。编写大量不工作的代码不是一种有效的方法

一些评论：

> var myFunc = function () {
>   alert('1');
> };

我不明白为什么在函数声明可用且更可靠的情况下使用函数表达式

function myFunc() {...}

然后是：

> var checked = false, radios = document.getElementsById('radiogroup1');

您寻求的方法是

document.getElementById

，注意单数，而不是复数。如果您有一组具有相同名称的单选按钮，则可以使用：

var radios = document.getElementsByName(name);
或者，如果它们的形式为：

var radios = document.forms[n][name];
及
形式参数列表必须由零个或多个有效标识符组成，而不是一个标识符。标识符不能是字符串文字，也不能以数字开头。请使用函数声明：

function myFunc (a2) { ... }
那么这里：

> var checked = false, radios = document.getElementById('_pass1'); > var checked = false, radios = document.getElementById('_pass2');
在这里，您将值分配给相同的变量，选中，并且收音机将具有上次分配给它们的值

> if (radio.checked) { > checked = true; > document.getElementById('pass_fail_').innerHTML="PASSED!"; > break; > }
在这里，您可以删除checked变量和break语句并简单地返回true，那么您不需要以下if，因为只有当checked为false时才会到达它

if (radio.checked) { document.getElementById('pass_fail_').innerHTML="PASSED!"; return true; } alert("Please select all options"); radios.focus(); return false;

哇！那是很多错误！
function myFunc (a2) { ... }

> var checked = false, radios = document.getElementById('_pass1'); > var checked = false, radios = document.getElementById('_pass2');

> if (radio.checked) { > checked = true; > document.getElementById('pass_fail_').innerHTML="PASSED!"; > break; > }

if (radio.checked) { document.getElementById('pass_fail_').innerHTML="PASSED!"; return true; } alert("Please select all options"); radios.focus(); return false;