`
siruoxian
  • 浏览: 237940 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

Js修改radio的状态

    博客分类:
  • java
阅读更多

第一种情况:

<script type="text/javascript">

function unChecked(){
 document.getElementById("allinfo").checked=false;
 }

</script>

 

 

<input type="radio" name="productNews.productStatus"  value="所有信息" 

       checked="checked" id="allinfo"/>   所有

 

第二种情况:

在按条件进行查询时,实现返回结果页面选择的还是当时选择的条件选项

 

function checkStatus(){
  status=document.getElementById("status").value;
 if( status==null)
  {
  document.getElementById("allinfo").checked=true;
  }
  if( status=="促销")
  {
  document.getElementById("promotion").checked=true;
  }
  if( status=="新品上架")
  {
  document.getElementById("new").checked=true;
  }
  if( status=="即将上架")
  {
  document.getElementById("upcoming").checked=true;
  }
 }

 

 <td>
                状态:
                <input type="radio" name="productNews.productStatus"
                 value="促销" id="promotion" />
                <input type="hidden" value="${productNews.productStatus}" id="status"/> 
                促销&nbsp;
                <input type="radio" name="productNews.productStatus"
                 value="新品上架" id="new" />
                新品上架&nbsp;
                <input type="radio" name="productNews.productStatus"
                 value="即将上架" id="upcoming" />
                即将上架&nbsp;
                <input type="radio" name="productNews.productStatus"
                 value="所有信息" id="allinfo" checked="checked" />
                所有&nbsp;

               </td>

分享到:
评论

相关推荐

    js实现选择不同radio改变文本框编辑状态.txt

    js实现选择不同radio改变文本框编辑状态。多多指教。

    js实现动态改变radio状态的方法

    在本文中,我们将探讨如何使用JavaScript(JS)动态改变HTML中的单选按钮(radio)状态。单选按钮在网页交互中经常用于让用户在多个选项中选择一个。在某些情况下,可能需要自定义其行为,例如改变选中状态或者样式...

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

    可能还会用到`checked`属性来检查和修改radio按钮的状态。 总的来说,这个项目展示了如何通过JavaScript和CSS增强HTML表单元素,以提供更吸引人的用户体验。通过学习和理解这个项目,开发者可以掌握创建自定义表单...

    自定义radio&checkbox;样式

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

    checkbox与radio好看的样式

    文件列表中出现了 "js" 目录,这可能意味着有 JavaScript 文件用于增强交互效果。例如,可以通过 JavaScript 监听 `change` 事件来动态更新关联的标签内容,或者使用 `addEventListener` 添加自定义行为。 4. **...

    div仿radio插件

    2. **传值**:模拟radio的选中状态,可以将值关联到每个div元素,当用户选择某个选项时,插件会记录并返回所选值。这在表单提交或者数据处理中非常实用。 3. **回调**:支持回调函数,当用户更改选中状态时,可以...

    用图片代替Radio选择value值.rar

    本教程将详细介绍如何在JavaScript(JS)中实现用图片代替Radio选择value值的功能。 首先,我们需要在HTML中设置Radio按钮,并为其添加相应的图片。每个Radio按钮都有一个唯一的ID和name属性,以确保用户只能选择一...

    修改xloadtree 支持checkbox radio 鼠标右键菜单

    "修改xloadtree支持checkbox radio鼠标右键菜单"这个主题涉及到的是对一个特定的JavaScript组件——xLoadTree的增强,使其具备更多功能,提升用户体验。下面将详细阐述这个主题所涵盖的知识点。 1. **xLoadTree**:...

    js实现表单Radio切换效果的方法

    综上所述,通过JavaScript实现表单Radio切换效果,不仅需要掌握JavaScript的基础语法和DOM操作,还要对页面元素的显示和隐藏控制有一定的了解,并熟悉事件驱动的编程方式。此外,良好的代码结构和CSS样式的合理应用...

    IOS应用源码——类似js的radio选项.zip

    该压缩包文件“IOS应用源码——类似js的radio选项.zip”主要包含了iOS平台上实现类似于JavaScript中的单选按钮(Radio Button)功能的应用源代码。在iOS开发中,这样的功能通常用于用户在一组互斥选项中进行选择。让...

    自定义radio背景图标

    CSS允许我们通过`background-image`属性引用图片资源,将这些PNG文件(如btn_radio_onX.png和btn_radio_offX.png)作为radio按钮的选中和未选中状态的背景。 描述中的“radio 背景图标”进一步强调了我们关注的是...

    Radio 单选JS动态添加的选项onchange事件无效的解决方法

    标题所指的知识点是“Radio单选JS动态添加的选项onchange事件无效的解决方法”。这个问题常常出现在使用JavaScript动态向页面中添加单选按钮(radio)时,为这些动态添加的单选按钮绑定的onchange事件无法正常触发。...

    微信小程序如何实现radio单选框单击打勾和取消

    `radio`组件的基本用法是使用`&lt;radio&gt;`标签,并通过`value`属性设置选项值,`checked`属性控制选中状态。例如: ```html &lt;radio value="option1" checked="{{isChecked1}}"&gt;&lt;/radio&gt; ``` 在上面的示例中,`...

    radio点击事件修改样式

    在本文中,我们将深入探讨如何使用JavaScript和jQuery来实现单选按钮(radio)的点击事件,以修改其样式。在给定的示例中,主要涉及了两个功能函数:`activeRadio()` 和 `activeRadioBySelector()`,以及一个回调...

    layui监听select变化,以及设置radio选中的方法

    总结,layui的form模块为我们提供了便捷的方式来监听select变化和设置radio选中状态,通过合理的HTML结构和JavaScript代码,我们可以轻松地实现这些功能,提高用户体验。同时,对于select的初始显示和动态添加的元素...

    javascript\JS使用大全收藏

    2. **样式控制**:JS 可以动态修改元素的样式,例如通过`style.backgroundColor`改变背景色,`style.color`改变字体颜色,`style.borderColor`调整边框颜色。在示例中,按钮和输入框的颜色变化就是通过`onMouseOver`...

    vue.js删除动态绑定的radio的指定项

    Vue.js 是一个流行的前端JavaScript框架,用于构建用户界面。在Vue.js中,动态绑定是其核心特性之一,允许开发者在视图和模型之间建立实时的数据连接。本篇将详细讲解如何在Vue.js中动态绑定radio(单选按钮)并实现...

    炫酷能量球radio单选按钮.zip

    "炫酷能量球radio单选按钮.zip"是一个包含JavaScript技术的项目,主要目的是实现一种视觉效果独特的单选按钮设计,这种设计将传统的单选按钮(radio button)转换为具有能量球动画效果的交互元素。在网页设计中,...

    layui table 复选框跳页后再回来保持原来选中的状态demo

    6. jQuery或原生JavaScript操作:可能需要使用jQuery(如果layui项目中已经引入)或原生JavaScript来动态修改DOM元素,以保持复选框的状态。 7. 代码优化:为了提高性能和用户体验,避免不必要的全表重新渲染,我们...

    使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部

    2. 修改状态:使用`prop('checked', true)`设置选中状态,但需确保同一组内的其他按钮取消选中。 3. 获取选中项:遍历所有单选按钮,找出`is(':checked')`为true的项,获取其值或文本。 4. 单选事件:同样使用`click...

Global site tag (gtag.js) - Google Analytics