私は次のコードを持っています:
<html>
<head>
</head>
<body>
<table>
<tr>
<td>
<input type="checkbox" name="ck[]" value="sakit">
</td>
<td>
<input type="checkbox" name="ck[]" value="izin">
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="ck[]" value="sakit">
</td>
<td>
<input type="checkbox" name="ck[]" value="izin">
</td>
</tr>
</table>
</body>
</html>
2番目のtrを変更せずに最初のtr要素のチェックボックスを無効にするにはどうすればよいですか?それ以外の場合は、最初のtrを変更せずに2番目のtr要素のチェックボックスを無効にできますか?
document.querySelectorを使用して、cssセレクターを使用して要素をターゲットにすることができます。
最初のターゲティング用 <tr>
document.querySelector('tr:first-child input').disabled = true;
または2番目をターゲットにするため <tr>
document.querySelector('tr:last-child input').disabled = true;
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加