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 中选择多选择框，和单选框，实现获取相应选择的值相关推荐

jquery实现HTML复选框变单选框
jquery实现HTML复选框变单选框 ps:本人亲测,阿里云2核4G5M的服务器性价比很高,新用户一块多一天,老用户三块多一天,最高可以买三年,感兴趣的可以戳一下:阿里云折扣服务器 <scri ...
HTML如何设置复选框、单选框以及默认选项？
本篇文章主要给大家介绍HTML怎么设置复选框以及单选框的. 我们在网站开发过程中,有时会需要实现类似调查问卷的功能,那么既然是问卷,就避免不了单选或者多选的情况.对于新手朋友来说,或许不太清楚. 下面 ...
如何用javascript获取文本框，下拉框，单选框的对应值或者将值赋给它们？雪原虎发布于：2007-10-22 00:32
如何用javascript获取文本框,下拉框,单选框的对应值或者将值赋给它们? 雪原虎发布于:2007-10-22 00:32 1.文本框 1.1 <input type="text ...
jquery操作select下拉框的各种方法，获取选中项的值或文本，根据指定的值或文本选中select的option项等...
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...
ICheck表单复选框、单选框控件美化插件
作用: 渲染并美化当前页面的复选框或单选框响应复选框或单选框的点击事件特点: 在不同浏览器(包括ie6+)和设备上都有相同的表现 - 包括桌面和移动设备支持触摸设备 - iOS.Android ...
html5 多选框控件,复选框和单选框都属于控件吗
单选框和复选框的区别是什么? 单选框和复选框的区别是什么? 详细一点-. (1)复选框可以允许你选择多个设置,而单选框则允许你选择一个设置: 这两个选框的区别是一个通过用圆圈表示,一个通过用方框表示. ...
html php单选框,html单选框选中状态 html 怎么设置单选框的样式
Photoshop中 hard round,airbrush pen opacity fl硬圆喷枪软圆希望喜欢, 用php怎么检查html中的单选框是否被选中 html中单选按钮控件标签用法解析及 ...
HTML|文本框和单选框
HTML|文本框和单选框以表单为基础: HTML|表单post和get提交 1.文本框我们已经写好了一些基本的表单: <!DOCTYPE html> <html lang=&qu ...
分享美化复选框和单选框插件
复选框和单选框是表单中使用非常频繁的组件,但在多数浏览器上显示比较死板, 大家都知道,在Web的Form中美化是最头痛的,尤其是表单中的"input[type=checkbox]" ...
HTML文本框和单选框
大家好,给大家讲一下HTML文本框和单选框这是它常见的一些属性上源码 <!DOCTYPE html> <html lang="en"> <head ...

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

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

最新文章

热门文章