2

HTML

<label>
  <img data-disable-checkbox="true">
  <input type="checkbox" />
  This checkbox value
</label>

JQuery

$("img[data-disable-checkbox='true']")
  .next()
  .prop("disabled", "disabled")
  .css({"text-decoration":"line-through"});

上記のjqueryコードを使用して、チェックボックスを無効にし、チェックボックスのテキストを並べています。チェックボックスの無効化は機能していますが、チェックボックスのテキストの行が機能していません。チェックボックスのテキストに到達して線を引くにはどうすればよいですか?

http://jsfiddle.net/yXVZM/

4

3 に答える 3