0

チェックボックスのロジックに取り組んでいます。チェックボックスがオフの場合、作成されたリスト項目が非表示になります。この例はjsFiddleにあります。私はティック ロジックを動作させていますが、「Untick」ロジックを動作させたいと考えています。

私は各li項目にクラスを与えたので、基本的に2つを組み合わせてリスト項目を削除しようとしています。しかし、運がないだけです。

このロジックを拡張して、チェックされていないアイテムを表示/非表示にするのを手伝ってくれる人はいますか?

ありがとう

4

2 に答える 2

4

1）changeチェックボックスをリッスンするためにイベントを使用します。を使用するclickと、キーボード操作による状態の変更はすべて無視されます。

2）現在の「チェックされていない場合」のコードは NEW を作成し、li（DOMに入る前に）それを削除しています-おそらくあなたが意図したものではありません。

変更されたチェックボックスの属性liと等しいクラスを持つCURRENT を削除するつもりだったと思います。name更新されたフィドルを参照してください：

http://jsfiddle.net/qYtXX/9/

于 2012-07-27T10:29:57.997 に答える
1

チェックボックスのname属性からスペースを削除できます。次のことを試してください。

<input type="checkbox" title="100.00" class="service_check" value="8" name="Test Service Name">

=>

<input type="checkbox" title="100.00" class="service_check" value="8" name="TestServiceName">


    else if ($(this).not(":checked")) { // you can replace this line with "else {"
        var cls = $(this).attr('name') 
        $("li."+cls).remove();
        $(".hidden_service_id, .hidden_service_name, .hidden_service_cost").val("");
    }

デモ

于 2012-07-27T10:39:08.553 に答える