jQuery how to undo a select change

Answer 1

I think this can be the another way to achieve same.This code will also undo select change.

   <div class="selection">

          <input type="radio" class="selected" value="test1" name="test1" 
          checked="checked" /><label>test1</label>

          <input type="radio" name="test1" value="test2" /><label>
          test2</label>

          <input type="radio" name="test1" value="test3" /><label>
          test3</label>

    </div>

     $("input[name='test1']").change(function() {
            var response = confirm("do you want to perform selection change");
            if (response) {
                var container = $(this).closest("div.selection");
                //console.log(container);
                //console.log("old sel =>" + $(container).find(".selected").val());
                $(container).find(".selected").removeClass("selected");
                $(this).addClass("selected");
                //console.log($(this).val());
                console.log("new sel =>" + $(container).find(".selected").val());
            }
            else {
                var container = $(this).closest("div.selection");
                $(this).prop("checked", false);
                $(container).find(".selected").prop("checked", true);
            }
        });