Javascript 多个文本字段可以'；t似乎无法通过单选按钮启用它们

除了遵循其他人的例子并试图使其适合我的需要之外，我知道零javascript。这就是为什么这对我来说是一场艰难的战斗，否则我只能用PHP来做，但PHP不能与文档中的元素交互=(

我在JSFIDLE中重新创建了我的问题-->

所有我的选择和输入字段都有相同的类名。然后根据选择的单选按钮，所有字段都将变为可编辑字段

以下是HTML：

<form action="" method='post'>
    <table class="mgmtchg">
        <tr>
            <th>Management Role</th>
            <th>Name</th>
            <th>Email address</th>
            <th>Phone</th>
            <th>&nbsp;&nbsp;&nbsp;&nbsp;Update</th>
            <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Delete</th>
        </tr>
        <tr>
            <td class="mgmttd">
                <select name="mgmt-role-0" class="mgmt-0 form-field role-drop" disabled>
                    <option value="mgmt0" selected>Head Coach</option>
                    <option value="mgmt1">Assistance Coach</option>
                    <option value="mgmt2">Team Manager</option>
                </select>
            </td>
            <td class="mgmttd">
                <input type="hidden" name="mgmt-id-0" value="25" />
                <input type="hidden" name="team-id-0" value="11" />
                <input type="text" name="mgmt-name-0" class="mgmt-0 form-field mgmt-name-field" disabled value="Ed Frederickson" />
            </td>
            <td class="mgmttd">
                <input type="text" name="email-0" class="mgmt-0 form-field mgmt-email-field" disabled value="tealfred@sbcglobal.net" />
            </td>
            <td class="mgmttd">
                <input type="text" name="phone-0" class="mgmt-0 form-field mgmt-phone-field" disabled value="317-987-3095" />
            </td>
            <td class="mgmttd">
                <div class="chgradio">
                    <input type="radio" name="utype0" value="upd-0" id="mgmtupdate-0" class="css-radiobox">
                    <label for="mgmtupdate-0" class="css-label radGroup2"></label>
                </div>
            </td>
            <td class="mgmttd">
                <div class="chgradio">
                    <input type="radio" name="utype0" value="del-0" id="mgmtdelete-0" class="css-radiobox">
                    <label for="mgmtdelete-0" class="css-label radGroup2"></label>
                </div>
            </td>
        </tr>
    </table>
</form>

我很想学习javascript，但它看起来太吓人了，太罗嗦了

我希望有人能帮忙

---

非常感谢！

GetElementsByCassName返回集合。textBox.disabled不是集合的函数。您更希望在集合中循环：

textboxes = document.getElementsByClassName('mgmt-0');

for(var i=0; i< textboxes.length; i++) { 
  textboxes[i].removeAttribute("disabled")
}

textboxs=document.getElementsByClassName（'mgmt-0'）；
对于（var i=0；i

我明白你的意思，但我不确定如何实现。我需要学习javascript的主要原因=（好吧，熟能生巧！我已经更新了小提琴。首先，“onchange”不是按钮触发的事件。其次，你希望在单击时删除禁用的属性：

textboxes = document.getElementsByClassName('mgmt-0');

for(var i=0; i< textboxes.length; i++) { 
  textboxes[i].removeAttribute("disabled")
}