0

以下のコードがあります。

フェーズ 1 のラジオ ボタンは、その下にある 2 つのチェックボックスを有効にする必要があり、フェーズ 2 のラジオ ボタンでも同じことを行う必要があります。

他のラジオ ボタンが選択されている場合は、チェックボックスを再度無効にする必要があります。

すでにアイデアの 50% が機能していますが、フェーズ 2 でこれを行う方法もわかりません。

以下は私のコードです。私の JavaScript の知識は非常に貧弱です。前もって感謝します!!

<html>
<head>
</head>
</body>
<table border=1>
<tr>
    <td>
        <form name="phaseform" action=""><font size=2>
        <input type="radio" name="phase" value="1" id="phase" onclick="checkbox(0)" />
            <label for="phase1">Phase 1</label>
    </td>
    <td><font size=2>
        <input type="radio" name="phase" value="2" id="phase" onclick="checkbox(1)" />
            <label for="phase2">Phase 2 (after 17 days)</label>
    </td>
</tr>
<tr>
    <td><font size=2>
        <input type="checkbox" disabled checked id="TerminateP1" name="TerminateP1" value="IN">Terminate AD account<br>
        <input type="checkbox" disabled checked id="MailboxAccessP1" name="MailboxAccessP1" value="IN">Grant mailbox access to manager<br>
    </td>
    <td><font size=2>
        <input type="checkbox" disabled checked id="TerminateP2" name="TerminateP2" value="IN">Fully terminate AD account<br>
        <input type="checkbox" disabled checked id="DisableMailboxP2" name="DisableMailboxP2" value="IN">Disable mailbox<br>
    </td>
</tr>
</form>

<script type="text/javascript">
        function checkbox(val)
        {
            if(val)
        document.phaseform.TerminateP1.setAttribute("disabled",val) 
        else
        document.phaseform.TerminateP1.removeAttribute("disabled",val)
            if(val)
        document.phaseform.MailboxAccessP1.setAttribute("disabled",val)
        else
        document.phaseform.MailboxAccessP1.removeAttribute("disabled",val)
        }
</script>

</table>
</body>
<html>
4

2 に答える 2