gpt4 book ai didi

javascript - 显示 :none does not seem to be working all html elements

转载 作者:行者123 更新时间:2023-11-28 15:34:29 24 4
gpt4 key购买 nike

我试图通过将其放入 divid = loan

来使表单的这一部分消失

为了排除故障,我将 TESTTEXT1 放在 div 元素之后,它会执行我想要的操作(当用户单击单选按钮时消失),但是 TESTTEST2 及以后不会似乎受到用户操作的影响。有谁知道为什么会这样?

HTML:

<header>


<script>
function checkA(){
document.getElementById('loan').style.display='none';
document.getElementById('assigned').style.display='block';
}
function checkL(){
document.getElementById('assigned').style.display='none';
document.getElementById('loan').style.display='block';
}
</script>

</header>

<body>

<table>
<td>
<input type="radio" onclick='checkA()' name="toloan" id="0" value="0"/> <label for="0">To assign</label>
<input type="radio" onclick='checkL()' name="toloan" id="1" value="1"/> <label for="1">To loan</label>
</td>


<div id="loan">
TESTTEXT1
<tr>
<th>
<label for="borrowing_month">Borrowing date</label>
</th>
<td>
<select name="borrowing_month" id="borrowing_month">

<option value ='1' selected="selected">
TEST
</option>
</select>
<select name="borrowing_day" id="borrowing_day">

<option value="2" selected="selected">
</select>
<select name="borrowing_year" id="borrowing_year">
<option value="3" selected="selected">
</select>
</td>
</tr>
<tr>
<th>
<label for="return_month">Return date</label>
</th>
<td>
<select name="return_month" id="return_month">
<option value="4" selected="selected">
</option>
</select>
<select name="return_day" id="return_day">
<option value="5" selected="selected">
</select>
<select name="return_year" id="return_year">
<option value="6" selected="selected">
</select>
</td>
</tr>
</div>

</table>
</body>
好的,我尝试按照要求删除所有 php。

最佳答案

让大家知道您不能在 table-wrappers 中使用 div 元素。如果您希望使用 div 元素将 CSS 仅添加到表格的一部分。最好向表头/行/数据添加一个 ID,或者只为表的特定部分创建一个新表。

关于javascript - 显示 :none does not seem to be working all html elements,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44287597/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com