`
huangyongxing310
  • 浏览: 490712 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

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



 
分享到:
评论

相关推荐

    【JavaScript源代码】react实现Radio组件的示例代码.docx

    这个文件提供了CSS样式,定义了Radio组件的外观,如圆圈的大小、位置以及选中时的样式。 通过这些组件的组合,我们可以在React应用中创建一个功能完备的单选框组。用户可以选择其中一个选项,并且父组件可以获取到...

    微信小程序radio组件使用详解

    主要为大家详细介绍了微信小程序radio组件的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    软件定义无线接入网络的组件化研究.docx

    【软件定义无线接入网络的组件化研究】 软件定义无线接入网络(Software Defined Radio Access Network, SD-RAN)是为了解决传统无线接入网络基于专用硬件的局限性而诞生的技术。传统网络由于硬件设备的复杂性,...

    GNURadio.rar_GNU Radio_gnuradio_gnuradio 开发_gnuradio官网_gunradio

    首先,"gnuradio.pdf"可能是GNU Radio的官方文档或教程,详细介绍了GNU Radio的基础知识、核心组件以及如何开始开发。通过阅读这份文档,你可以了解GNU Radio的架构、模块化设计以及如何组合不同的块来创建自定义的...

    使用gnuradio实现SSB调制解调

    gnuradio提供了一个图形化的开发环境,可以用于设计和实现SSB调制解调系统。 USRP平台: USRP(Universal Software Radio Peripheral)是一个软件定义无线电平台,提供了一个灵活的开发环境,可以用于实现SSB调制...

    Gnu-Radio 3.7.11

    GnuRadio的核心组件包括源块(source blocks)、处理块(processing blocks)和 sink 块(sink blocks)。源块从物理设备或文件读取数据,处理块执行各种信号处理操作,而sink块则负责将处理后的数据写入设备或文件...

    在GNU Radio中编写自定义信号处理模块

    ### 在GNU Radio中编写自定义信号处理模块 #### 概述 GNU Radio 是一个强大的开源软件包,允许用户创建、模拟以及部署实时可编程的软件无线电系统。它提供了丰富的信号处理模块,支持多种数字信号处理任务。对于更...

    gun-radio入门

    **四、GNU Radio的主要组件** 1. **源块(Source Blocks)**:这些是接收数据的模块,可以是来自硬件接收器的实时信号,也可以是从文件中读取的模拟信号。 2. **处理块(Processing Blocks)**:包括滤波器、调制...

    ubuntu 安装gnuradio

    CMake是一个跨平台的自动化构建系统,用于管理软件构建的过程。在Ubuntu中可以通过 `sudo apt-get install cmake` 命令进行安装。 安装UHD(通用硬件驱动,用于支持Ettus Research的USRP设备)分为两步,首先是安装...

    GNURadio-windows.zip

    5. **压缩包内容**:"GNURadio"这个文件名可能是安装程序或者预编译的二进制文件集合,包含了针对Windows优化的GNURadio组件。解压后,根据里面的说明文档进行安装或配置。 6. **配置和运行**:安装完成后,需要...

    gr-burst-master_gnuradio_源码

    Gnuradio 具有模块化的架构,由多个称为“块”(blocks)的组件组成,这些块可以组合成复杂的信号处理流程。它支持多种输入和输出源,包括硬件接口、文件读写、网络流等。"gr-burst-master" 可能是一个专门设计用于...

    GNU Radio入门学校材料.pdf

    USRP 的启动过程涉及到初始化硬件组件和加载固件。数字中频处理是 USRP 的重要环节,这部分工作由 FPGA(Field-Programmable Gate Array)完成,它可以执行复杂的信号转换和预处理任务。 USRP 的灵活性在于,它能...

    GNU Radio 入门培训.pdf

    使用 GNU Radio 可以避免重复造轮子,例如无需从头开始编写标准滤波器等组件。此外,GNU Radio 还能够帮助开发者更好地管理数据流和模块之间的交互,确保程序能够在多核架构上高效运行,并且兼容多种嵌入式设备。 *...

    checkbox与radio好看的样式

    通常,这样的文件会包括通用样式、布局样式、组件样式等部分,其中针对 `checkbox` 和 `radio` 的样式可能会被单独封装在某个选择器内,以保持代码的模块化和易维护。 6. **HTML 结构与布局** "index.html" 文件是...

    USRP Gnuradio整理资料

    例如,通过Gnuradio的图形化界面,用户可以设计收发机、调制解调器、频谱分析仪等,然后将这些设计与USRP硬件相连,实现实际的无线信号操作。 在USRP整理资料中,可能包含了关于如何设置和配置USRP硬件,如何使用...

    GNU radio 和USRP入门指导

    GNU Radio Companion (GRC) 是一个图形化的开发工具,用于创建GNU Radio的流程图。GRC的使用示例包括: - **初识GRC**:熟悉GRC的界面和基本操作。 - **信号源的调节**:学习如何使用GRC来产生和调节不同类型的信号...

    gnuradio-3.6.5.tar.gz

    - **Gnuradio架构**: Gnuradio由几个核心组件构成,包括流水线(Flow Graph)、源块(Source Blocks)、处理块(Processing Blocks)和 sink 块(Sink Blocks)。用户可以通过图形化界面(Gnuradio Companion)或...

    gr-osmosdr-gr3.7_osmosdr_gnuradio_

    它提供了用于信号处理的模块化组件,如滤波器、调制器和解调器,使得开发者能够创建定制的无线电通信系统。GNU Radio 与硬件接口,如 USRP(Universal Software Radio Peripheral)或其他 SDR 设备配合使用,可以...

    自定义radio&checkbox;样式

    3. 使用JavaScript库:如jQuery UI、Bootstrap等框架提供了跨浏览器的组件,包括自定义的Radio和Checkbox样式。 总之,自定义Radio和Checkbox样式是提高网页设计美感的重要手段。通过熟练运用CSS3选择器,我们可以...

Global site tag (gtag.js) - Google Analytics