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

HTML单选框多选框(根据name获取值和根据值显示结果)

2015-07-10 09:59 507 查看
/**
* 根据name获取单选框的值
* @param name
* @returns
*/
function getRadioByName(name){
return $('input:radio[name="'+name+'"]:checked').val();
}
/**
* 根据name获取多选框的值
* @param name
* @returns {String}
*/
function getCheckboxByName(name){
var value = document.getElementsByName(name);
var values = "";
for(var i=0;i<value.length;i++){
if(value[i].checked){
values += value[i].value;
values +=",";
}
}

if(values.length >0){
values = values.substring(0, values.length-1);
}
return values;
}
/**
* 根据值加载单选框
* @param name
* @param value
*/
function showRadio(name,value){
var nValue =  $("input[name='"+name+"']");
for(var i=0;i<nValue.length;i++){
if(nValue[i].value == value){
nValue[i].checked = true;
break;
}
}
}
/**
* 根据值加载多选框
* @param name
* @param value
*/
function showCheckbox(name,value){
var nValue =  $("input[name='"+name+"']");
var sValue = value.split(",");
for(var i=0;i<nValue.length;i++){
for(var j=0;j<sValue.length;j++){
if(nValue[i].value == sValue[j]){
nValue[i].checked = true;
break;
}
}
}

}
js,jquery博大精深,有机会好好研究下。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: