Javascript 单击单选按钮后启用

我有一组2个单选按钮和2个带有“选择”选项的类

当您单击第一个单选按钮时，从类1中选择选项将启用当您单击第二个单选按钮时，从类中选择选项必须启用

<input type="radio" onchange="myFunction1()" name="enable" >1  <br>
    <input  type="radio" onchange="myFunction2()" name="enable">2 <br>


            <select name="Reden"> 
        <option class="one" value="1" disabled >1</option>
        <option class="one" value="2" disabled >2</option>
        <option class="one" value="3" disabled  >3</option>
        <option class="two" value="4" disabled>4</option>
        <option class="two" value="5" disabled>5</option>
        <option class="two" value="6" disabled>6</option>

        <script type="text/javascript">
            function myFunction1() {
        document.getElementsByClassName("one")[0].disabled = true;
        document.getElementsByClassName("one")[1].disabled = true;
        document.getElementsByClassName("one")[2].disabled = true;
        document.getElementsByClassName("two")[0].disabled = false;
        document.getElementsByClassName("two")[1].disabled = false;
        document.getElementsByClassName("two")[2].disabled = false;
        }
        </script>

        <script type="text/javascript">
            function myFunction2() {
        document.getElementsByClassName("one")[0].disabled = false;
        document.getElementsByClassName("one")[1].disabled = false;
        document.getElementsByClassName("one")[2].disabled = false;
        document.getElementsByClassName("two")[0].disabled = true;
        document.getElementsByClassName("two")[1].disabled = true;
        document.getElementsByClassName("two")[2].disabled = true;

        }
        </script>

---

纯javascript不是我的强项，所以它可能不好看，但它可以工作

var select=document.getElementByIdReden var enabler=document.getElementsByNameenable var allOptions=select.getElementsByTagNameoption； //为无线电更改添加侦听器 对于var i=0，len=enabler.length；i如果你想使用你的代码，你必须添加 这是两条线

document.getElementsByClassName("one")[0].selected="selected";

及

在这种情况下，当用户单击一个单选按钮时，将获得默认值1或4。 下面是一个例子

页面标题 功能myFunction1{ document.getElementsByClassNameone[0]。disabled=false； document.getElementsByClassNameone[0].selected=selected； document.getElementsByClassNameone[1]。disabled=false； document.getElementsByClassNameone[2].disabled=false； document.getElementsByClassNametwo[0]。disabled=true； document.getElementsByClassNametwo[1]。disabled=true； document.getElementsByClassNametwo[2]。disabled=true； } 功能myFunction2{ document.getElementsByClassNameone[0]。disabled=true； document.getElementsByClassNameone[1]。disabled=true； document.getElementsByClassNameone[2]。disabled=true； document.getElementsByClassNametwo[0]。disabled=false； document.getElementsByClassNametwo[0].selected=selected； document.getElementsByClassNametwo[1]。disabled=false； document.getElementsByClassNametwo[2]。disabled=false； } 1. 2. 1. 2. 3. 4. 5. 6.

---

你的JavaScript代码在哪里？到目前为止你都试了些什么？嘿，马文，你有什么问题吗？你告诉我们游戏结束了，但出了什么问题？为什么选项而不是选择被禁用？首先，我建议尽可能将php和html分开。它使您的代码更易于阅读和维护。其次，您可以通过选择无线电输入后提交表单，使用javascript或php实现所需的结果。我更喜欢javascript来做这些事情。用js代码更新你的代码哇！非常感谢您：@Marvin修复了一个错误，在更改后，select剩余值现在已禁用

document.getElementsByClassName("two")[0].selected="selected";