3

ここで私の問題を見つけることができますhttp://jsfiddle.net/eWh5F/76/（）私が欲しいのはTDをクリックすることであり、チェックボックスをオン/オフにする必要がありますTD内のチェックボックスで正常に機能しますが、テーブルがある場合TD内とその中のTD、それに対する解決策はありますか？私は以下のようなものを試しましたが、運がありません

$("td").click(function(e) {
var checkbox = $(':checkbox', $(this).parent()).get(0);
var checked = checkbox.checked;
if (checked == false) checkbox.checked = true;
else checkbox.checked = false;});
4

2 に答える 2

1

prop次の方法を使用できます。

$("td").click(function(e) {
    $('> input[type=checkbox]', this).prop('checked', function(i, checked){
       return !checked
    })
});

http://jsfiddle.net/jdy3d/

:checkboxセレクターは非推奨であることに注意してください。

于 2012-11-07T23:28:42.693 に答える
0

使用できますe.stopPropagation();

$("td").click(function(e) {
    e.stopPropagation();
    var checkbox = $('input[type="checkbox"]', $(this).closest('td')).get(0);
    var checked = checkbox.checked;
    if (checked == false) checkbox.checked = true;
    else checkbox.checked = false;
});​

:checked代わりに非推奨の使用ですinput[type="checkbox"]

$(this).closest('td') 代わりに使用する$(this).parent()

JSFIDDLEデモ

于 2012-11-07T23:34:57.173 に答える