js——單選框radio

頁面：

... <tr align="right">
                <td align="right">會員性別：</td>
                <td align="left">
                    <input type="radio" name="sex" id="sex1" size="20" value="1">男 <input type="radio" name="sex" id="sex2" size="20" value="2">女 </td>
            </tr> ...

 

                                                                   

   需求：點擊性別時，變換不一樣的頭像；

   誤區：一直覺得，只要是選中radio的事件再給它附上相應的圖片就行，因而起初是這樣的：

... if(jQuery("input[type='radio']:checked").val() == 1){ jQuery("#imgSrc").attr("src", "/static/admin/img/default_man.png"); } else { jQuery("#imgSrc").attr("src", "/static/admin/img/default_woman.png"); } ...

但是事與願違，任我怎樣選，它也不會改變圖片，這是什麼緣由呢？緣由就是本身忘記給radio寫單獨的事件了，click()或者change()事件，以致於單選框怎樣改變也不會讓圖片改變。最終就成了：

... jQuery("input[type='radio']").change(function () { if(jQuery("input[type='radio']:checked").val() == 1){ jQuery("#imgSrc").attr("src", "/static/admin/img/default_man.png"); } else { jQuery("#imgSrc").attr("src", "/static/admin/img/default_woman.png"); } }); ...

這樣，任你怎樣點擊性別，自動就會改變下面的默認頭像。