Question

您好我想隐藏表格列。在页面加载时隐藏每个选项的第2列。选择email me选项后，显示第2列。如果我选择第二个call me选项，则隐藏第一个选项并显示第二个跟我呼叫选项的第2列。我不知道如何在jquery中做。

2）如果我选择第一个选项然后选择第二个选项然后那个时间选择了两个选项，我不想要这些。我随便想要它。任何人都可以告诉我..

<form name="form1" method="post">
    <table>
        <tr>
            <td valign="top">
                <input type="radio" value="email" name="select" id="emailbtn" onClick="showemail()" />
            </td>
            <td valign="top">Email me</td>
            <td class="td1" style="display:none;">
                <input type="email" placeholder="*************" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" size="50" class="snk12" id="email_id" required/>
                <br />
                <p id="imgparent">
                    <div id="imgdiv" style="float:left;">
                        <img id="img" src="captcha.php" />
                    </div>
                    <img id="reload" style="float:left;" src="reload.png" />
                </p>
                <input id="captcha1" name="captcha" type="text" required pattern="[a-zA-Z0-9]+">
                <br />
                <br />
                <br />
                <input type='submit' value="submit">
            </td>
        </tr>
    </table>
</form>
<form name="form2" method="post">
    <table>
        <tr>
            <td valign="top">
                <input type="radio" value="call" name="select" id="callbtn" onClick="showphn()" />
            </td>
            <td valign="top">Call Me</td>
            <td class="td2" style="display:none;">
                <input type="text" class="snk12" size="50" required pattern="[0-9]{10}$" name="phn" id="call" placeholder="*************" />
                <br />
                <p id="imgparent">
                    <div id="imgdiv" style="float:left;">
                        <img id="img" src="captcha.php" />
                    </div>
                    <img id="reload" style="float:left;" src="reload.png" />
                </p>
                <input id="captcha1" name="captcha" type="text" required pattern="[a-zA-Z0-9]+">
                <br />
                <br />
                <br />
                <input type='submit' value="submit">
            </td>
        </tr>
    </table>
</form>

Answer 1

您可以使用$('selector').hide()或$('selector').show()使用jQuery显示/隐藏元素，其中selector是DOM元素或.class或#id。

您还可以应用$('element:nth-child(1)').hide()等CSS选择器。

希望这有帮助。

使用jquery隐藏td

1 个答案: