好久沒有弄前端了，還是記一下：建議大家學習時，深入學習一樣知識，可以涉獵很多

獲取單選按鈕的值：

?

$(document).ready(function() { $.ajax({//url:base_url+"/login/login.do",url:"url地址",type:"post",data:{"labelname":"參數值"},dataType:"json",success:function(result){var label = "";if(result.status==0){ //成功$.each(result.data,function(i,v){ label = "<tr>"+"<td><input type='radio' name='checkItem' /></td>"+"<td>"+v.labelName+"</td>"+"<td>"+v.createDate+"</td>"+"<td>"+v.updateDate+"</td>"+"<td><a href='#'><img src='圖片地址' alt='' title='' border='0' /></a></td>"+"<td><a href='#' class='ask'><img src='圖片地址' alt='' title='' border='0' /></a></td>"+"</tr>"//綁定labelIdvar $tr = $(label);$tr.data("labelId",v.labelId);$("#table_content").append($tr);});}},error:function(){alert("稍后重試");}});}//end load//刪除選中的行$("#delete_label").click(function(){/* var $li = $("#table_content input.checked").parent();var noteId = $li.data("noteId"); */var labelId=$("input[name='checkItem']:checked").parent().parent().data("labelId");//獲取選擇單選按鈕的值})})

獲取多選按鈕的值：

$(function(){ $("input:button").click(function() {text = $("input:checkbox[name='message']:checked").map(function(index,elem) {return $(elem).val();}).get().join(',');alert("選中的checkbox的值為："+text);}); });

$("input:checkbox:checked").each(function(index,element));???//?為所有選中的復選框執行函數，函數體中可以取出每個復選框的值

$("input:checkbox:checked").map(function(index,domElement));?//?將所有選中的復選框通過函數返回值生成新的jQuery?對象

?

具體多選擇按鈕詳解參考：https://zhidao.baidu.com/question/538823581.html

總結

以上是生活随笔為你收集整理的JQuery 中选择多选择框，和单选框，实现获取相应选择的值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。