JQuery操作單選按鈕以及複選按鈕

2021-06-05 09:37:40 字數 935 閱讀 5878

單選按鈕以及複選按鈕在開發過程中會經常用到,下面我就來通過jquery操作單選按鈕和複選按鈕:

單選按鈕:

通過jquery獲取單選按鈕物件我們總共有三種途徑:

①id:$("#radioid")

②name:$(":input[name='radioname']")

③type:$("input[type=radio]"),可能在有的資料上面寫的是:$(""input[@type=radio]""),這個的話跟你的jquery版本有關係,如果是老版本的話就用後者,新版本就用前者,如果不知道自己的版本到底適合用哪乙個的話就挨個試,反正一次嘗試就能搞定,而且還能學到知識,何樂而不為呢!

我們都知道,在一組單選按鈕當中只能使乙個生效,要實現這種效果,很多人可能會認為把id改為相同的就可,其實,你去嘗試一下就會知道,在一組單選按鈕中仍然可以選用多個。因為,實現此效果的關鍵屬性不是id,而是name。

介紹完了之後,我們投入到只用當中吧:

我們獲取完單選按鈕的物件之後,就得對此物件進行遍歷,因為,此物件的型別是乙個陣列,我們要挨個對其進行判斷是否被選中,然後再從選中的按鈕中取出所需要的值,示例**如下:

var itemradio = $("input[type=radio]");

result="";

nums = itemradio.length;

for(i=0;i

核取方塊:

關於核取方塊,我們需要的只是「全選和反選」的效果,使用jquery的話只要一句話就可以搞定,如下:

var checkedobj = $('input:checkbox[name="checkbox"]:checked');

var values = "";

checkedobj.each(function() );

好啦,通過上面的兩段**你就可以操作核取方塊和單選按鈕啦!!!

用 jquery 操作 radio單選按鈕

隨著jquery的作用越來越大,使用的朋友也越來越多。在web中,由於checkbox radiobutton dropdownlist等控制項使用的頻率比較高,就關係到這些控制項在jquery中的操作問題。由於jquery的版本更新很快,的寫法也改變了許多,以下jquery 適query1.4版本...

jQuery操作單選按鈕 radio 用法

1.獲取選中值,四種方法都可以 input radio checked val input type radio checked val input name rd checked val var value input name radioname checked val 獲取被選中radio的v...

jQuery設定 取消單選按鈕

簡單的jquery 段,用於設定和取消設定單選按鈕上的輸入值。只是想我會分享,因為我在jquery的早期版本和在表單上設定單選按鈕時遇到了一些問題。jquery set radio button input name correctanswer attr checked false to unsel...