0

各行にドキュメント名が含まれるテーブルがあり、各行の先頭にチェックボックスがあります。一部のチェックボックスが無効になっています。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;
}
4

2 に答える 2