使用jQuery取消單選框的選取狀態

jquery清除單選選取狀態

關掉視窗時：$（＂input[type='radio']＂）.removeAttr('checked')。

Jquery 常用方法

1. 關於頁面元素的引用。

可以透過使用jQuery的$()方法來引用元素，透過id、class、元素名稱、層級關係、DOM或XPath條件等方式進行選擇。傳回的是一個jQuery物件（集合物件），不能直接呼叫DOM定義的方法。

2. jQuery物件與dom物件的轉換 。

只有使用jQuery物件才能呼叫jQuery定義的方法。要注意DOM物件和jQuery物件之間的區別，確保在呼叫方法時操作的是正確的物件。

3. 如何取得jQuery集合的某一項。

對於獲取的元素集合，取得其中的某一項（透過索引指定）可以使用eq或get(n)方法或索引號獲取，要注意，eq返回的是jquery對象，而get(n)和索引傳回的是dom元素物件。對於jquery物件只能使用jquery的方法，而dom物件只能使用dom的方法，如要取得第三個元素的內容。

4. 集合處理功能。

對於jquery傳回的集合內容無需我們自己循環遍歷並對每個物件分別做處理，jquery已經為我們提供的很方便的方法進行集合的處理。包括兩種形式： $（＂p＂）.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})

5. 幾個實用特效功能 。

其中toggle（)和slidetoggle（)方法提供了狀態切換功能。

如toggle（)方法包含了hide（)和show（)方法。

slideToggle（)方法包括了slideDown（)和slideUp方法。

6. 完善的事件處理功能

Jquery已經為我們提供了各種事件處理方法，我們無需在html元素上直接寫入事件，而可以直接為透過jquery取得的物件添加事件。

怎麼使用jquery選取單選按鈕

使用jquery來取得radio的值，最重要的是掌握jquery選擇器的使用，在一個表單中我們通常是要取得被選取的那個radio項目的值，所以要加checked來篩選，例如有以下的一些radio項：

1.jquery取得radio的值

2.jquery取得checkbox的值

3.jquery取得select的值

要想取得某個radio的值有以下的幾種方法，直接給出程式碼：

1、

1.$('input[name=＂testradio＂]:checked').val();2、

1.$('input:radio:checked').val();3、

1.$('input[@name=＂testradio＂][checked]');4、

1.$('input[name=＂testradio＂]').filter(':checked')；差不多挺全的了，如果我們要遍歷name為testradio的所有radio呢，程式碼如下

1.$('input[name=＂testradio＂]').each(function(){2.alert(this.value);3.}）；如果要取具體某個radio的值，例如第二個radio的值，這樣寫

1.$('input[name=＂testradio＂]:eq(1)').val()

javascript透過選擇單選框來控製文字方塊顯示的問題

html如下：

#顯示

隱藏

JS如下：

var show = document.getElementById('show')； // 分別拿到對應的元素

var hide = document.getElementById('hide');

var text = document.getElementById('text');

show.onclick = function() {

text.style.display = '';

};

hide.onclikc = function() {

text.style.diplay = 'none';

}

以上是使用jQuery取消單選框的選取狀態的詳細內容。更多資訊請關注PHP中文網其他相關文章！