{"id":821,"date":"2014-10-28T08:35:46","date_gmt":"2014-10-28T08:35:46","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=821"},"modified":"2015-08-17T06:13:10","modified_gmt":"2015-08-17T06:13:10","slug":"is-there-an-event-just-before-the-radio-button-is-about-the-be-checked","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/stack-overflow\/is-there-an-event-just-before-the-radio-button-is-about-the-be-checked\/","title":{"rendered":"Is there an event just before the radio button is about the be checked?"},"content":{"rendered":"

\"profile<\/a>
\nI’m a big fan of Stack Overflow<\/a> and I tend to contribute regularly (am currently in the top 0.X%<\/a>).\u00a0In this category (stackoverflow<\/a>)\u00a0of posts I will will be posting my top rated questions and answers. This, btw, is allowed as explained in the meta thread here<\/a>.<\/p>\n

My quesiton<\/a> was:<\/p>\n

This is the part of the code for one of the radio buttons:<\/p>\n

$(\"#new\").click(function(){\r\n    if( $('#new').is(':checked') )\r\n        $.jGrowl(\"You already have this option selected!\", life: 1500});\r\n    else\r\n        changeOption(1);\r\n});<\/pre>\n
Now, I understand that the\u00a0else<\/code>\u00a0part will never run, because the radio button will be already checked on click event. What I’m wondering is, is there an event which would let me capture the state of the radio button (which is about to be clicked) and therefor determine if he is not yet clicked, and if so change the option to this newly selected one.<\/p>\n
The answer, by JOPLOmacedo<\/a>,\u00a0was:<\/span><\/p>\n
Use the mouseup event instead.<\/p>\n
$<\/span>(<\/span>\"#new\"<\/span>).<\/span>mouseup<\/span>(<\/span>function<\/span>(){<\/span>if<\/span>(<\/span> $<\/span>(<\/span>'#new'<\/span>).<\/span>is<\/span>(<\/span>':checked'<\/span>)<\/span>)<\/span>\r\n        $<\/span>.<\/span>jGrowl<\/span>(<\/span>\"You already have this option selected!\"<\/span>,<\/span> life<\/span>:<\/span>1500<\/span>});<\/span>else<\/span>\r\n        changeOption<\/span>(<\/span>1<\/span>);<\/span>});<\/span><\/code><\/pre>\n
Edit<\/strong>
\nEven though the mouseup event works, it seems more logical to use the mousedown event.\u00a0Here’s that fiddle<\/a>.<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"
I’m a big fan of Stack Overflow and I tend to contribute regularly (am currently in the top 0.X%).\u00a0In this category (stackoverflow)\u00a0of posts I will will be posting…<\/p>\n","protected":false},"author":1,"featured_media":609,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[],"class_list":["post-821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-stack-overflow"],"_links":{"self":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/comments?post=821"}],"version-history":[{"count":2,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/821\/revisions"}],"predecessor-version":[{"id":1705,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/821\/revisions\/1705"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media\/609"}],"wp:attachment":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media?parent=821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
The\u00a0fiddle.<\/a><\/p>\n