javascript - Remove "checked" from radio when a checkbox is unchecked -


i have checkbox (#fbmngch) reveals set of radio buttons (name=admanage) when clicked. when checkbox unclicked, radio button selected still remains checked. have checked status of radio button removed once checkbox unchecked.

this being used in form, if user changes mind selecting service, details service wiped (so value of selected radio not end in php , email). hope makes sense.

i have given considerable time , not seeming work correctly. last set of if-statements part of code wrote. not sure if missing something, selecting wrong, or what. highly appreciated. thanks!

html

<li>     <input type="checkbox" class="cbox" name="fbchecks[]" value="facebook ad mgmt" id="fbmngch">     <label for="test">facebook ad management</label>     <ul id="fbmnglist">         <li>             <input type="radio" name="admanage" value="ad management 1" id="adman1">             <label for="adman1">ad fund - 1</label>         </li>         <li>             <input type="radio" name="admanage" value="ad management 2" id="adman2">             <label for="adman2">ad fund - 2</label>         </li>         <li>             <input type="radio" name="admanage" value="ad management 3" id="adman3">             <label for="adman3">ad fund - 3</label>         </li>         <li>             <input type="radio" name="admanage" value="ad management 4" id="adman4">             <label for="adman4">ad fund - 4</label>         </li>         <div id="fbaderror" class="accterror"></div>     </ul> </li> 

js

$fbmngch = $("#fbmngch"); $fbmnglist = $("#fbmnglist");  //hide fb management list $fbmnglist.hide();  //on fb management select $fbmngch.click(function() {     //toggle fb management list     $fbmnglist.toggle(); });  $fbadvalid = false; $fbaderror = $("#fbaderror");  //if fb ad management checked if ($fbmngch.attr('checked')) function validatefb() {    $("input[name=admanage]").each(function () {   //loopingthroughradiobuttons     // "this" current element(radio) in loop       if ($(this).is(':checked')) {             $fbadvalid = true; //radio button checked);       }        if ($fbadvalid.attr = true ) {             $fbaderror.empty();       }    }); }; if ($fbmngch.blur($fbadvalid.attr = false)) {     $fbaderror.append("<li> please select facebook ad plan. </li>");     //appends error document }    if ($fbmngch.blur($fbmngch.not('checked'))) {     $("input[name=admanage]").each(function () {         if ($(this).is(':checked')) {             $("input[name=admanage]").removeattr('checked');         }     });     //remove checks radios };   $("input[name=admanage]").click(validatefb); 

maybe not understanding requirements, can't test in checkbox event routine , uncheck checked radio button:

$fbmngch.click(function () {     //toggle fb management list     $fbmnglist.toggle();     if (!$fbmnglist.attr('checked')) {         $fbmnglist.find('input:checked').attr('checked', false);     } }); 

see this fiddle.


Comments

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

[C++][SFML 2.2] Strange Performance Issues - Moving Mouse Lowers CPU Usage -

ios - Possible to get UIButton sizeThatFits to work? -