Radio button unchecked after modal dialog pops up?

Question

I would like to show a modal dialog if a person select "No". And it works but I also need to keep selected answer "No".

So after I close modal window radio button not selected. Any ideas how to fix it?

here is my code:

$(function() {
                $('#btnNext').attr('disabled', true);
                $('input[type="radio"]').change(function(e) {
                    var $yes = $('input[type="radio"][value="Yes"]');
                    var $no = $('input[type="radio"][value="No"]');
                    if ($yes.filter(':checked').length === $yes.length) {
                        $('#btnNext').attr('disabled', false);
                    } else {
                        $('#btnNext').attr('disabled', true);

                        var $nope = $(this).attr("name");
                        var $value = $(this).attr("value");
                     if ($value === "No") {
                       $(this).attr("checked", "checked"); // $(this).attr("checked", true);    
                            $('#' + $nope).dialog('open');
                     }
                    }
                });
        });

score 0 · Answer 1 · answered Jan 29 '14 at 00:39

0

Opening modals seems to prevent the default radio selection event from completing. Try deferring the opening of the modal until after the radio event has finished:

setTimeout(function() {
    $('#' + $nope).dialog('open');
}, 1);

answered Jan 29 '14 at 00:39

Brett

2,706
7
33
49

score 0 · Answer 2 · answered Oct 12 '18 at 05:25

0

$("#ynRadion").prop("checked", false);

$("#ynRadioy").prop("checked", false);

<input type="radio" name="ynRadio" id="ynRadion" class="radioBtn" value="no" />

<input type="radio" name="ynRadio" id="ynRadioy" class="radioBtn" value="yes" />

answered Oct 12 '18 at 05:25

Sai Kumar Adulla

9
1

7

Can you add some explanation to this? – dcangulo Oct 12 '18 at 05:37

score 0 · Answer 3 · edited May 23 '17 at 12:12

0

$("#radioSelector").checked = false;

But this is a duplicate of: How to uncheck a radio button?

Update

Sorry try this:

$(function() {
    $('#btnNext').attr('disabled', true);
    $('input[type="radio"]').change(function(e) {
        if ( $(this).is(":checked") && $(this).val() == "No"){
            var $nope = $(this).attr("name");
            $('#' + $nope).dialog('open');
        }
    });
});

edited May 23 '17 at 12:12

Community

1
1

answered May 13 '11 at 15:42

locrizak

12,192
12
60
80

It's not working. I need to select clicked radio button and show modal dialog. but it's only shows dialog. And in my example I tried the same code and it's not working – Michael Born May 13 '11 at 15:47
2

no it's not working. The same shows dialog window but radio button unchecked – Michael Born May 13 '11 at 15:57

Radio button unchecked after modal dialog pops up?

3 Answers3

Update