executing 2 functions in one click handler

Question

how can I execute 2 functions at the same time. In the code snippet below with the onclick, I get the id of the parent Div and then execute a function using the id,

<div id="selDe">
<input type="radio" class="ger" id="num1" checked><label for="num1">
<input type="radio" class="ger" id="num2"><label for="num2">
</div>
<div id="selRe" >
<input type="radio" class="ger" id="num1" checked><label for="num1">
<input type="radio" class="ger" id="num2"><label for="num2">

JS:

<script>
$(".ger").on({
    click:function(){
        var pid = $(this).parent().attr("id");  //get the name of the div parent
        $("#"+pid+" .ger").on({   
//execute the function, but it just works after the next click
            click: function () {
                var showV = this.id.slice(3);
                alert(showV)
            }
        });
    }
});

I think you mean "in one click handler," not "at the same time." This is absolutely possible. — Matt Ball
– Matt Ball, Commented May 1, 2013 at 17:19
Is your question "is it possible to call one function from another"? Or I'm missing some important part? — Alexei Levenkov
– Alexei Levenkov, Commented May 1, 2013 at 17:20

palaѕн · Accepted Answer · 2013-05-01 17:25:04Z

1

Try this:

$('div[id^=sel]').on('click', '.ger, div[id^=sel] .ger', function () {
    var pid = $(this).parent().attr("id");
    alert(pid);
    var showV = this.id.slice(3);
    alert(showV);
});

answered May 1, 2013 at 17:25

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

executing 2 functions in one click handler

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related