`
enjoy2010
  • 浏览: 23475 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

radio 动态选择

阅读更多

(1) jsp 页面中的radio部分:
      <div class="left">
                                                软件类型:
                                            </div>
                                            <div class="right">
                                                <div class="radio_b">
                                                    <input name="softType" type="radio" value="fun" />
                                                    娱乐
                                                </div>
                                                <div class="radio_b">
                                                    <input name="softType" type="radio" value="game" />
                                                    游戏
                                                </div>
                                                <div class="radio_b">
                                                    <input name="softType" type="radio" value="chat" />
                                                    聊天
                                                </div>
                                                <div class="radio_b">
                                                    <input name="softType" type="radio" value="other" />
                                                    其他
                                                </div>
                                            </div>
(2) 动态选择的JS


//<%=softInfo.getSoftType%> 为传递多来的参数
    function getRadioValue(){
       var obj=document.getElementsByName("softType")
     for(var i=0;i<obj.length;i++){

        if(obj[i].value==<%=softInfo.getSoftType%>){

            obj[i].checked=true;

            break;

}

}

}

 

(3) 页面加载的时候自动执行js

在body 属性中添加:onload="getRadioValue()"

如:<body onload="getRadioValue()">

 

 

  .....

    </body>

 

分享到:
评论

相关推荐

    用JS实现的radio图片选择按钮效果.rar

    此外,JavaScript还可以用来验证用户是否做出了选择,或者在选择发生变化时触发某些功能,如提交表单、动态加载更多内容等。 在"42"这个压缩包文件中,可能包含以下内容: 1. HTML文件:包含用于显示图片选择按钮...

    jsp中radio控件的使用

    在JSP中,我们可以使用JSP标签库(例如JSTL)或者EL表达式来动态生成`radio`控件。例如: ```jsp ${options}" var="option"&gt; &lt;input type="radio" name="choice" value="${option.value}"&gt;${option.label} ``` ...

    radio、checkbox、select等选择标签的总结

    - `radio` 标签用于创建一组互斥的选择选项。这意味着用户只能选择其中的一个选项。 - `name` 属性是关键,它将多个`radio`按钮关联在一起,确保同一组内的选项互斥。 - `value` 属性定义了每个选项的值,这将在...

    vue.js选中动态绑定的radio的指定项

    上一文,介绍了vue.js动态添加、删除绑定的radio选项,本文介绍如何选中radio的某一项 绑定的数据和上文的model是一致的,选中radio或者checkbox需要注意的是: 不管&lt;input type='radio checked='true''&gt; 你...

    GNU Radio 入门培训.pdf

    - **模块化流程**:GNU Radio 采用模块化的设计思路,用户可以根据需求选择合适的模块并通过图形界面将它们连接起来形成一个完整的信号处理流程。 #### 二、GNU Radio 模块详解 GNU Radio 提供了丰富的内置模块,...

    JQuery 自定义 radio与checkbox

    例如,我们可以创建一个CSS类来定义自定义的radio和checkbox样式,然后在用户交互时动态应用这些类。同时,使用`.attr()`方法可以改变元素的属性,如checked状态。 接下来,我们要实现自定义的交互效果。jQuery提供...

    js中获取jsp表单中radio类型的值简单实例

    单选按钮允许用户在一组选项中选择一个值,它通常使用`&lt;input type="radio"&gt;`标签来创建,并且具有相同`name`属性的多个单选按钮共同构成一个选择组,这样可以保证用户只能选择其中一个选项。 在JSP页面中创建单选...

    checkbox与radio好看的样式

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

    radio关联 网页设计

    综上所述,通过合理的HTML结构设计与JavaScript逻辑编写,我们可以轻松实现`&lt;input type="radio"&gt;`之间的关联,并根据用户的选择动态调整页面内容的显示方式。这种技术在实际项目开发中非常有用,值得深入学习和掌握...

    JS实现点击Radio动态更新table数据

    Radio按钮组共享相同的name属性("bank"),这使得只能选择其中一个。此外,有一个包含thead和tbody的table,用于展示银行名称、额度等信息。 3. **JavaScript对象**:定义了一个名为`quotas`的对象,其中存储了...

    JQuery操作checkbox、radio等示例

    1. **选择元素**:jQuery提供了多种选择器,如`$("[type=checkbox]")`和`$("[type=radio]")`,可以用来选取页面上所有的checkbox或radio元素。如果你想选择具有特定ID或类名的元素,可以使用`$("#checkboxID")`或`$...

    判断radio是否被选中

    - **功能实现:**通过设置`name`属性为相同的值,可以确保这些`radio`按钮处于同一个选择组中,用户每次只能选择一个选项。 #### 三、JavaScript函数`test(obj)` **知识点概述:** 该函数用于检测具有相同`name`...

    带checkbox和日radio的Treeview

    在这个特定的场景中,我们讨论的是一个特殊的`Treeview`实现,它结合了`checkbox`和`radio`按钮的功能,使得用户可以选择或勾选树节点,提供了更丰富的交互体验。 `Checkbox`和`Radio Button`是两种常用的交互元素...

    struts2 radio

    在Struts2中,`radio`标签是用于处理单选按钮的,它提供了一种优雅的方式来呈现和处理用户界面中的选择项。这篇博客文章可能是关于如何在Struts2框架中使用`radio`标签的深入讲解。 在Web开发中,单选按钮通常用于...

    Jquery实现select下拉列表根据radio选项级联

    这个功能常用于创建动态表单,其中,用户选择一个radio按钮后,相关的select下拉列表会自动更新其选项,以提供与所选radio按钮对应的关联数据。 首先,我们需要理解HTML结构。在这个场景中,通常会有两个主要元素:...

    Artech Radio Frequency System Architecture and Design

    - 动态范围:系统能够处理的信号强度范围。 - 信号调制和解调:在无线通信中使用的调制技术,例如AM、FM、QAM、PSK等。 - 频率合成:为发射和接收提供所需的频率。 4. 基础理论和实践应用: 书籍可能涵盖了射频系统...

    ANTSDR开发手册-GNU Radio篇1

    例如,可以使用一个控制台输入(如 `GUI_WIDGET` 或 `QTGUI` 组件)来实时更改频率,或者通过外部数据流来动态调整参数。 6. **使用 ANTSDR** ANTSDR 可能是指一款特定的 SDR 设备或开发平台。使用 ANTSDR 时,...

    jQuery中:radio选择器用法实例

    本文将详细介绍jQuery中针对单选按钮(radio buttons)的选择器用法,分析其功能和定义,并通过实例来讲解匹配和使用单选按钮的技巧。 ### jQuery中:radio选择器的定义 jQuery中的:radio选择器是一种属性选择器,...

Global site tag (gtag.js) - Google Analytics