Как получить значение флажка из диалогового окна в Jquery Var

Question

Как получить значение флажка из диалогового окна в Jquery Var

0

Я сделал кнопку, в которой onclick показывает диалоговое окно с флажками. Теперь согласно мне нужно получить значение флажков, нажатых в var jquery, и показать их на веб-странице как HTML, но я не понимаю, как это сделать.

Вот мой код..

var $dialog = $('<div></div>')
        .html('<form id="myform" action=""><input type="checkbox"   id="LOCAL" name="LOCAL" value="LOCAL" />LOCAL<br /><input type="checkbox" name="STD"  id="STD" value="STD" /> STD <br /><input type="checkbox" name="ISD" id="ISD" value="ISD" />ISD<br /><input type="checkbox" name="INCOMING" id="INCOMING" value="INCOMING" />INCOMING<br /><input type="checkbox" name="INET" id="INET" value="INET" />INET<br /></form>')
        .dialog({
            autoOpen: false,
            title: 'Select Sites',
            buttons: {
                "Submit": function() {  $('form#myform').submit();},
                "Cancel": function() {$(this).dialog("close");}
            }
        });

        $('#ssites').click(function(evt) {         
            $dialog.dialog('open');
            evt.preventDefault();
            // prevent the default action, e.g., following a link
            return false;
        });

        $('form#myform').submit(function(){        
            $(this).find('input[type="checkbox"]').each(function(){
                alert($(this).is(':checked'));
            });
            $dialog.dialog('close');
        });

Любая помощь будет оценена. Спасибо заранее.

vikas 23 окт. 2013, в 08:16

Источник

Теги:

jquery

checkbox

jquery-ui-dialog

1 ответ

Ещё вопросы

vigneshmoha · Accepted Answer · 2013-10-23T04-02-00.000Z

Работает следующий код.

HTML

<a href="javascript:void(0)" id="ssites">Click</a>
<ul class="insert-data"></ul>

Jquery

$(document).ready(function() {
var $dialog = $('<div></div>')
        .html('<form id="myform" action=""><input type="checkbox"   id="LOCAL" name="LOCAL" value="LOCAL" />LOCAL<br /><input type="checkbox" name="STD"  id="STD" value="STD" /> STD <br /><input type="checkbox" name="ISD" id="ISD" value="ISD" />ISD<br /><input type="checkbox" name="INCOMING" id="INCOMING" value="INCOMING" />INCOMING<br /><input type="checkbox" name="INET" id="INET" value="INET" />INET<br /></form>')
        .dialog({
            autoOpen: false,
            title: 'Select Sites',
            buttons: {
                "Submit": function() {  $('form#myform').submit();},
                "Cancel": function() {$(this).dialog("close");}
            }
        });


        $('#ssites').click(function(evt) {

            $dialog.dialog('open');
            evt.preventDefault();
            // prevent the default action, e.g., following a link
            return false;
        });

        $('form#myform').submit(function(e){
            e.preventDefault();
            $('.insert-data').html('');
            $(this).find('input[type="checkbox"]').each(function(){
                var Selected = $(this).val();
                if($(this).is(':checked')) {
                    $('.insert-data').append('<li>'+Selected+'</li>');
                }
            })


            $dialog.dialog('close');
        });        
});

Вы можете найти этот код в следующем скрипте. JSFIDDLE

Чтобы получить значения в одной переменной. Проверьте эту скрипку. JSFIDDLE

Большое спасибо, сэр .. один маленький Сомневаюсь, что мне нужно, чтобы значения отображались рядом с кнопкой ссылки, тогда как сейчас она идет на одну строку вниз ..
Используйте CSS, чтобы привести его в одну строку.