javascript - 使用 Javascript 隐藏/显示 HTML 元素

Question

这是我的 JS:

function showReturning(){
    document.getElementById("returningdate").style.display = 'block';

这是我的 HTML:

        <input type="radio" name="triptype" value="roundtrip" onclick="showReturning()"/><label>Round Trip</label>

        <td class="hiddenReturning">
        <label>Returning:</label>
        <input type="text" name="returningdate" id="returningdate" required="required" placeholder="dd/mm/yy">
        </td>

这是我的 CSS:

.hiddenReturning{
    display:none;
}

当我点击单选按钮时，没有显示文本框。

Answer 1

文本框没有被隐藏，是 td 包裹着它。
将文本框更改为仅隐藏或更改 td 的样式。

这将隐藏文本框:

   <td>
        <label>Returning:</label>
        <input class="hiddenReturning" type="text" name="returningdate" id="returningdate" required="required" placeholder="dd/mm/yy">
   </td>