JQuery 中选择多选择框，和单选框，实现获取相应选择的值

好久没有弄前端了，还是记一下：建议大家学习时，深入学习一样知识，可以涉猎很多

获取单选按钮的值：

 

$(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 中选择多选择框，和单选框，实现获取相应选择的值的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。