您的位置:首页 > Web前端 > JQuery

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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: