0

ここでチェックボックスを画像に置き換える素敵なプラグインを見つけました。この例のような単純なシナリオでは、私はそれを使用して動作します。

今、私はこのシナリオを持っています:

グループとして 1 つのチェックボックス、サブグループとしていくつかのチェックボックス、サブグループのオプションとしていくつかのチェックボックスがあります。

グループをチェックすると、すべてのサブグループとオプションもチェックされます。
サブグループをチェックすると、このサブグループのすべてのオプションもチェックされます。

jqueryを使用して作成しましたが、imagetickなしで動作します。http://jsfiddle.net/arif_rh/GBLy3/8/を参照してください。

しかし、imagetickを使用すると機能しません。http://jsfiddle.net/arif_rh/P7Fje/3/を参照してください

私は何を取りこぼしたか？？

4

1 に答える 1

0

レンダリングされた html をチェックすると、Image タグがチェックボックス dispaly:none とともに配置されます。だからあなたがする必要があるのは、画像を切り替えて、ここのチェックボックスをチェックしないことです

<td>
    <img src="http://i49.tinypic.com/1198b3s.png" alt="no_tick" class="ticks_551845" id="tick_img_9">
    <input type="checkbox" id="9" class="g_1 s_21" name="opsi" value="1" style="display: block; ">
</td>

期待される出力を得るために書かなければならないコードは..また、これはチェックボックスごとに別々のクリックイベントではなく、単一のイベントに折りたたむことができます..

    $('#s_11 , #s_21 , #s_31').click(function ()
{
    if( $(this).is(':checked')){
        $(this).parent().parent().find('td:gt(0) img').attr('src','http://i47.tinypic.com/4t3nh3.png');
    }
    else{
         $(this).parent().parent().find('td:gt(0) img').attr('src','http://i49.tinypic.com/1198b3s.png')
    }
   // $('.s_11').attr('checked', this.checked);
});

このフィドルをチェックしてください

于 2012-09-19T16:35:33.490 に答える