実際のチェックボックスを非表示にしてクリック可能なラベルに置き換えたチェックボックス入力の表を作成しようとしています。そのため、クリック時に表のセルの背景色を変更する必要があります。 (理想的には、チェックボックスの状態に直接結びついていますが、私はそれを理解できませんでした)JavaScript:クリック時に背景色を変更する(トグルクラス)
私のコードがうまくいかない理由はわかりません。
HTML:
<table id="workingSetTable" border="1">
<tr>
<td onclick="togglechecked()" class="checked">
<div>
<input type="checkbox" checked="checked" />
</div>
</td>
</tr>
はCSS:
input {
display: none;
}
td {
background-color: red;
width: 100px;
height: 100px;
}
.checked {
background-color: blue;
}
JS:JSフィドルで
$(togglechecked() {
$("td").click(togglechecked() {
$(this).toggleClass("checked");
});
});
){'行うことになって?オンとオフクラス "にチェックを" トグル(青から赤に背景色を切り替え – j08691
) –
。あなたは 'function toggleChecked(){...'や '$( '#workingSetTable td')...のようなイベントハンドラのように呼び出す関数にしたいと思うかもしれません。 – j08691