各行にドキュメント名が含まれるテーブルがあり、各行の先頭にチェックボックスがあります。一部のチェックボックスが無効になっています。text-decoration:line-through
ユーザーが簡単に識別できるように、その行に追加したいのですが、チェックボックスが無効になっているため、その行は選択できません。JavaScript または jQuery を使用してこれを行うにはどうすればよいですか?
以下の例では、Doc 名 2 の行がラインスルーである必要があります。
<tr>
<td>
<input type="checkbox" name="doclist" id="someId" value="someId" onchange="updateList('someId')">Doc name 1
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="doclist" id="AnotherId" value="AnotherId" onchange="updateList('AnotherId')" disabled>Doc name 2
</td>
</tr>
私は以下を試しました。
$('input[type="checkbox"]').filter(function() {
var disabledRow = this.disabled;
disabledRow.addClass("lineThrough");
});
CSS
.lineThrough{
text-decoration:line-through;
}