JQuery - 设置/获取单选按钮radio/复选按钮checkbox的值
2016-01-06 15:56
579 查看
基于JQuery(jquery.min.js)编写设置/获取单选按钮input[type="radio"]/复选按钮input[type="checkbox"]的值
/**
* 设置radio的值
*
* @param name
* 元素name属性
* @param value
*/
function setRadioValue(name, value) {
$("input[name='" + name + "']").each(function() {
if ($(this).val() == value) {
$(this).prop("checked", "checked");
}
});
}
/**
* 获取radio的值
*
* @param name
* 元素name属性
* @returns
*/
function getRadioValue(name) {
var value = $("input[name='" + name + "']:checked").val();
return value;
}
/**
* 设置checkbox的值
*
* @param name
* 元素name属性
* @param value
* 多个值通过英文逗号隔开
*/
function setCheckBoxValue(name, value) {
var vals = value.split(',');
if (vals.length > 0) {
$("input[name='" + name + "']").each(function() {
if (vals.indexOf($(this).val(), 0) > -1) {
$(this).prop("checked", 'true');
} else {
$(this).removeProp("checked");
}
});
}
}
/**
* 获取checkbox的值
*
* @param name
* 元素name属性
* @returns {String} 多个值通过英文逗号隔开
*/
function getCheckBoxValue(name) {
var value = "";
$("input[name='" + name + "']:checked").each(function() {
value += $(this).val() + ",";
});
var length = value.length;
if (length > 0) {
value = value.substring(0, length - 1);
}
return value;
}
/**
* 设置radio的值
*
* @param name
* 元素name属性
* @param value
*/
function setRadioValue(name, value) {
$("input[name='" + name + "']").each(function() {
if ($(this).val() == value) {
$(this).prop("checked", "checked");
}
});
}
/**
* 获取radio的值
*
* @param name
* 元素name属性
* @returns
*/
function getRadioValue(name) {
var value = $("input[name='" + name + "']:checked").val();
return value;
}
/**
* 设置checkbox的值
*
* @param name
* 元素name属性
* @param value
* 多个值通过英文逗号隔开
*/
function setCheckBoxValue(name, value) {
var vals = value.split(',');
if (vals.length > 0) {
$("input[name='" + name + "']").each(function() {
if (vals.indexOf($(this).val(), 0) > -1) {
$(this).prop("checked", 'true');
} else {
$(this).removeProp("checked");
}
});
}
}
/**
* 获取checkbox的值
*
* @param name
* 元素name属性
* @returns {String} 多个值通过英文逗号隔开
*/
function getCheckBoxValue(name) {
var value = "";
$("input[name='" + name + "']:checked").each(function() {
value += $(this).val() + ",";
});
var length = value.length;
if (length > 0) {
value = value.substring(0, length - 1);
}
return value;
}
相关文章推荐
- jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明
- jQuery的live()方法对hover事件的处理示例
- 本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效
- jquery商城类封装插件
- 如何扩展jquery插件
- jQuery中.bind() .live() .delegate() .on()区别
- Html5添加三联切换仿3D效果旋转木马jQuery插件教程
- html+jquery1.9+cube解决方案+移动自适应基础结构模板
- jQuery插件开发精品教程,让你的jQuery提升一个台阶
- jQuery中阻止事件冒泡方式及其区别
- JQuery用户登录时的检测
- C# Web Forms - Using jQuery FullCalendar
- JQuery获取请求url的所有参数
- JQuery按钮倒计时
- Jquery AJAX如何使用Promise/Deferred实现顺序执行?
- 基于jquery的-获取短信验证码-倒计时
- jQuery插件开发入门
- jquery easyui datagrid js获取记录数 页数 当前页
- jQuery-ui treegird 使用
- jquery-ui 中treegird 逐步加载