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

最新推荐文章于 2024-07-30 03:25:04 发布

利剑 -~

最新推荐文章于 2024-07-30 03:25:04 发布

阅读量1.1k

点赞数

分类专栏：网络协议

本文链接：https://blog.csdn.net/JHON07/article/details/83480382

版权

网络协议专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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

获取单选按钮的值：

$(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>"
								 	 //绑定labelId
										var $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