0

タイトルにあるように、複数のラジオ ボタン ( ) を考慮した JavaScript を作成しようとして<input type="radio">おり、選択されたラジオ ボタンに応じて変数が出力され、 html の要求に応じて結果が表示されます<button>。私は、私がやろうとしていることに合った JavaScript コードを見つけようと研究してきました。
};

myFunc(); // alerts '1'

var myFunc = function () {
    alert('2');  
};

myFunc(); // alerts '2'

と

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="PASSED!";
}
</script>
</head>
<body>

<p>Click the button to trigger a function.</p>

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

と

var checked = false, radios = document.getElementsById('radiogroup1');
for (var i = 0, radio; radio = radios[i]; i++) {
    if (radio.checked) {
        checked = true;
        break;
    }
}

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

return true;

. 次に、それをすべて機能コードにまとめようとしたところ、次のようになりました。

`<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>

これは機能せず、目の疲れを軽減するために差し控えた部分が明らかに欠けています (省略されたすべての部分は、共有されたものと同様の線に沿っています)。後者に傾いているかどうかはわかりません。タイトルにあるように、複数のラジオ ボタン ( ) を考慮した JavaScript を作成しようとして<input type="radio">おり、選択されたラジオ ボタンに応じて変数が出力され、html の要求に応じて結果が表示されます<button>。最初。JavaScript は、私がやろうとしていることを実行するために適切なスクリプトを実行できますか?それとも、フラッシュまたは .net 言語を使用する必要がありますか?

4

1 に答える 1