Question

无法使用Javascript隐藏单选按钮选项和文本

下面是作为基础页面的一部分生成的代码。我的目标是隐藏文本为“稍后运行”的“立即运行”单选按钮。

function initPage() {
      document.getElementsByName("runimmediately")[1].setAttribute("hidden",true);
    }

<body onload="initPage()">
<fieldset>
    <legend>Job Information</legend>
        <table summary='Job Information' width='90%' class='content-grid'>
            <tr>
    <td>Job Description</td>
    <td><input id='DESCRIPTION' name='description' maxlength='250' value='Input Details' size='50' onchange='isdescriptionValid(this)' type='text'/></td>
            </tr>
            <tr>
    <td><input name='runimmediately' type='radio' value='true'/>Run Immediately</td>
    <td><input checked='checked' value='false' name='runimmediately' type='radio'/>Run Later</td>
            </tr>
        </table>
    </fieldset>
</body>

并且无法显示单选选项，但仍显示“稍后运行”文本。

我还尝试使用XPath隐藏文本和广播，但是没有用。

Answer 1

只需给父td一个ID并为其添加任何显示，即可隐藏它：

function initPage() {
      document.getElementById("later").style.display = "none";
      }

<body onload="initPage()">
<fieldset>
    <legend>Job Information</legend>
    	<table summary='Job Information' width='90%' class='content-grid'>
    		<tr>
    <td>Job Description</td>
    <td><input id='DESCRIPTION' name='description' maxlength='250' value='Input Details' size='50' onchange='isdescriptionValid(this)' type='text'/></td>
    		</tr>
    		<tr>
    <td><input name='runimmediately' type='radio' value='true'/>Run Immediately</td>
    <td id="later"><input checked='checked' value='false' name='runimmediately' type='radio'/>Run Later</td>
    		</tr>
    	</table>
    </fieldset>
</body>

使用JavaScript隐藏单选按钮的文本

1 个答案: