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>"

//绑定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 对象

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

相关推荐