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"); } }); ...

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

 

 

 

 

 

 

 

 

 

 

 

 
        


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM