單選按鈕以及復(fù)選按鈕在開發(fā)過程中會經(jīng)常用到，下面我就來通過JQuery操作單選按鈕和復(fù)選按鈕：

單選按鈕：

通過JQuery獲取單選按鈕對象我們總共有三種途徑：

①ID：$("#radioId")

②NAME：$(":input[name='radioName']")

③TYPE：$("input[type=radio]")，可能在有的資料上面寫的是：$(""input[@type=radio]"")，這個的話跟你的JQuery版本有關(guān)系，如果是老版本的話就用后者，新版本就用前者，如果不知道自己的版本到底適合用哪一個的話就挨個試，反正一次嘗試就能搞定，而且還能學(xué)到知識，何樂而不為呢！

我們都知道，在一組單選按鈕當(dāng)中只能使一個生效，要實(shí)現(xiàn)這種效果，很多人可能會認(rèn)為把ID改為相同的就可，其實(shí)，你去嘗試一下就會知道，在一組單選按鈕中仍然可以選用多個。因?yàn)椋瑢?shí)現(xiàn)此效果的關(guān)鍵屬性不是ID，而是NAME。

介紹完了之后，我們投入到只用當(dāng)中吧：

我們獲取完單選按鈕的對象之后，就得對此對象進(jìn)行遍歷，因?yàn)椋藢ο蟮念愋褪且粋€數(shù)組，我們要挨個對其進(jìn)行判斷是否被選中，然后再從選中的按鈕中取出所需要的值，示例代碼如下：

復(fù)制代碼 代碼如下:

var itemradio = $("input[type=radio]");
result="";
nums = itemradio.length;
for(i=0;i<nums;i++) {
if(itemradio[i].checked){
result = itemradio[i].value+","+itemradio[i].id+";"+result;
}
}

復(fù)制代碼 代碼如下:

var checkedObj = $('input:checkbox[name="checkbox"]:checked');
var values = "";
checkedObj.each(function() {
var value=this.value + ",";
values += value;
});