javascript - 可以禁用表中的所有字段并设置条件以启用所需的某些字段？？

Question

我试图在选择婚姻状况后禁用该表，我只想根据特定条件启用姓名字段和婚姻状况选择。但它似乎不起作用。也许有其他编码方式？

示例代码

<form name="mainform" method="post" action="abc.jsp" >
<table id="style1">
    <tr>
        <td>name
            <input type="text" name="name" id="name">
        </td>
    </tr>
    <tr>
        <td>age
            <input type="text" name="age" id="age">
        </td>
    </tr>
    <tr>
        <td>tel no.
            <input type="text" name="telno" id="telno">
        </td>
    </tr>
    <tr>
        <td>email
            <input type="text" name="email" id="email">
        </td>
    </tr>
    <tr>
        <td>marital status
            <select name="ms" id="ms" onChange="fnTest();">
                <option>married</option>
                <option>single</option>
            </select>
        </td>
    </tr>
</table>

function fnTest() {

document.mainform.getElementById("style1").disabled = true;

//CONDITION

document.mainform.getElementById("name").disabled = false;    }

Answer 1

尝试像这样在您的输入中添加类:

<input type="text" class='information' name="name" id="name">

然后试试这个代码:

function toggle(bool){

    if(bool == 'true') {
       document.getElementsByClassName('information').disabled = true;
    } else {
       document.getElementsByClassName('information').disabled = false;
    }
}

如何调用函数:

toggle('true');