4

HTMLチェックボックスがチェックされているときにjQueryダイアログをポップアップしたい。次のコードを使用しています。しかし、それは機能していません。

$(document).ready(function () {
        $('#chkBoxHelp').click(function () {
            if ($(this).is(':checked')) {
                $("#txtAge").dialog();
            }
        });
    });

また、html は次のとおりです。

<input type="checkbox" id="chkBoxHelp"/>
<div id="txtAge" style="display: none;">Age is something</div>

私を助けてください。

また、ポップアップを閉じるときにcheckBoxのチェックを外したいです。チェックボックスはjQueryポップアップボックスにあります。チェックボックスをオンにして別のポップアップを開く必要があります。

前もって感謝します。

4

2 に答える 2

3

メソッドとopenイベントを使用できます。closeclose

コード：

$(document).ready(function () {
    $('#chkBoxHelp').click(function () {
        if ($(this).is(':checked')) {
            $("#txtAge").dialog({
                close: function () {
                    $('#chkBoxHelp').prop('checked', false);
                }
            });
        } else {
            $("#txtAge").dialog('close');
        }
    });
});

デモ: http://jsfiddle.net/IrvinDominin/V9zMx/

于 2013-10-04T12:54:42.330 に答える
2

これを試して、チェックボックスをもう一度クリックすると閉じます。

$(document).ready(function () {
    var the_checkbox = $('#chkBoxHelp');
    the_checkbox.click(function () {
        if ($(this).is(':checked')) {
            $("#txtAge").dialog({
                close: function () {
                    the_checkbox.prop('checked', false);
                }
            });
        } else {
            $("#txtAge").dialog('close');
        }
    });
});

デモはこちら

于 2013-10-04T12:51:49.167 に答える