使用jQuery實現的取消radio按鈕選中效果
本章節介紹一下如何取消單選按鈕的選中效果,下面就是這樣的一段程式碼例項。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function(){ var $browsers=$("input[name=browser]"); var $cancel=$("#cancel"); $cancel.click(function(e){ $browsers.prop("checked",false); }); }); </script> </head> <body> <p>您喜歡哪款瀏覽器?</p> <form> <input style="display:none;" id="hidebrowser" type="radio" name="browser" value=""> <input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br /> <input type="radio" name="browser" value="Firefox">Firefox<br /> <input type="radio" name="browser" value="Netscape">Netscape<br /> <input type="radio" name="browser" value="Opera">Opera<br /> <br /> <input type="button" id="cancel" value="取消選中"/> </form> </body> </html>
上面程式碼實現了我們的要求,程式碼很簡單不多介紹。
prop()函式可以參閱jQuery prop()一章節。
相關文章
- radio單選按鈕美化效果
- jQuery獲取被選中radio單選按鈕的值jQuery
- jQuery如何獲取選中單選按鈕radio的值jQuery
- html如何設定radio單選按鈕預設選中效果HTML
- jQuery判斷一個radio單選按鈕是否被選中jQuery
- CSS3 radio單選按鈕美化效果CSSS3
- radio 單選按鈕 選中多個
- jQuery實現的按鈕可用倒數計時效果jQuery
- 用jquery校驗radio單選按鈕(原創)jQuery
- 點選按鈕實現數字增加效果
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- JavaScript radio按鈕選中值JavaScript
- jQuery控制radio選中和取消jQuery
- JavaScript獲取選中radio單選按鈕值JavaScript
- 設定radio單選按鈕預設選中
- JavaScript 獲取radio 選中單選按鈕值JavaScript
- js如何取得選中的單選按鈕radio的值JS
- 點選按鈕實現狀態切換效果
- 點選按鈕實現圖片切換效果
- js單選按鈕radio選中值JS
- js如何獲取選中radio單選按鈕的值JS
- HTML input radio 單選按鈕HTML
- HTML input radio單選按鈕HTML
- jQuery如何控制radio選中和取消jQuery
- javascript動態改變單選按鈕radio的選中狀態JavaScript
- css實現圓角按鈕效果CSS
- jQuery如何判斷單選按鈕是否被選中jQuery
- jquery實現的按鈕點選後60秒後才能夠再點選jQuery
- 精選10款CSS3實現的酷炫按鈕效果CSSS3
- js獲取選中radio單選按鈕的值程式碼例項JS
- CSS3 美化radio單選按鈕CSSS3
- 點選按鈕實現切換頁面背景顏色效果
- css3將radio單選按鈕模擬為按鈕形狀CSSS3
- 單選按鈕美化效果程式碼
- JQuery統一複寫美化專案中所有radio單選按鈕樣式jQuery
- unity 實現輪盤方式的按鈕滾動效果Unity
- 如何使用jQuery實現核取方塊的全選和取消jQuery
- Js Jquery 實現的按鈕倒數計時整理JSjQuery