radio componentization

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");



 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=326309811&siteId=291194637