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 对象