radio组件化

function radio_make(bFlag, elementId, dataList) {
var html = "";
if (bFlag) {
$.each(dataList, function (i) {
html = html + "<input id='" + elementId + '_' + dataList[i].id + "' type='radio' name='" + elementId + "' value='" + dataList[i].id + "' >";
html = html + "<label for='" + elementId + '_' + dataList[i].id + "' ><b></b>" + dataList[i].showValue + "</label>";
});
} else {
$.each(dataList, function (i) {
html = html + "<input id='" + elementId + '_' + dataList[i].id + "' type='radio' name='" + elementId + "' value='" + dataList[i].id + "' >";
html = html + "<label for='" + elementId + '_' + dataList[i].id + "' >" + dataList[i].showValue + "</label>";
});
}

$('#' + elementId).html(html);
}


function radio_setById(elementId, id) {
$('#' + elementId + ' input[value=' + id + ']').prop("checked", true);
}


function radio_getId(elementId) {
var id = $('#' + elementId + ' input:checked').val();
return id;
}

function radio_getShowValue(elementId) {
var showValue;
var id = $('#' + elementId + ' input:checked').val();
if(!id){
return showValue;
}
var showValue = $('#' + elementId + ' input:checked').next("label").text();
return showValue;
}


function radio_getData(elementId) {
var data;
var id = $('#' + elementId + ' input:checked').val();
if(!id){
return showValue;
}

var showValue = $('#' + elementId + ' input:checked').next("label").text();
data = {};
data.id=id;
data.showValue= showValue;
return data;
}


//var dataList1=[{id:1,showValue:"1"},{id:2,showValue:"2"},{id:3,showValue:"3"}]
//var dataList2=[{id:1,showValue:"1"},{id:4,showValue:"4"},{id:5,showValue:"5"}]
// radio_make(true,"radio_test1",dataList1)
// radio_make(true,"radio_test2",dataList2)
//
// var id1= radio_getId("radio_test2");
// var id2= radio_getShowValue("radio_test2");
// var id3= radio_getData("radio_test2");
//
// radio_setById("radio_test1",1);
// radio_setById("radio_test2",1);
// radio_setById("radio_test2",5);
//
// var id4= radio_getId("radio_test2");
// var id5= radio_getShowValue("radio_test2");
// var id6= radio_getData("radio_test2");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jie310600

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值