`
jiaoxujin
  • 浏览: 63192 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

如何将JSP中RadioBox设为不可选状态,并且不变灰

阅读更多
试过了onchange,onclick事件都不好使。(不用 disabled="true"的情况下)
比如:onclick="JavaScrirpt: return false;"
结果是确实不可以重新选中一组RadioBox中的其它 单选钮,但是页面加载时的初始选中的 单选钮 会被置为 未选状态(只要你点击了其它radiobox)。
onchange="JavaScript:if(this.checked) {this.checked = false;} else{this.checked = true;}" 也有问题,不好解决。
而加一种方法是用 disabled="true" 后再更改 radiobox的CSS样式。
可结果我发现只能改变 背景 没办法改变 前景色(即radiobox始终是灰的。)

这种问题当然我要是用大段的逻辑代码来控制当然是可以实现的,但我不愿那样做,太没必要了。
请高手们指点呀。
//******************************************************************************************
<script language="javascript">
function resumeRadio(radioId, radioName, hidId) {
var radioObj = document.getElementById(radioId);
radioObj.checked = !radioObj.checked;
var radioObjGroup = document.forms[0].elements(radioName);
var groupIdx = document.getElementById(hidId).value;
if (groupIdx.length > 0) {
radioObjGroup[parseInt(groupIdx)].checked = true;
}
}
</script>

<input type="hidden" name="familyTypeIndex" id="familyTypeIndex" value="" />
<logic:iterate id="familytyps" name="FamilyForm" property="diagnosisUnitOptions" indexId="index">
<bean:define id="codeValue">
<bean:write name="familytyps" property="code" />
</bean:define>
<logic:equal name='FamilyForm' property='familyBasics.familyType' value='<%= (String)pageContext.getAttribute("codeValue") %>'>
<script language="JavaScript">
document.getElementById("familyTypeIndex").value = "<%= index %>";
</script>
</logic:equal>
<html:radio property='familyBasics.familyType' styleId='radioFamilyType<%= index %>' value='<%= (String)pageContext.getAttribute("codeValue") %>' onclick='resumeRadio(this.id,this.name,"familyTypeIndex")'/>
<bean:write name="familytyps" property="codeName" />
</logic:iterate>

都弄成这样了,还是不行。
老说这里有语法错误,我真的搞不懂了
onclick='resumeRadio(this.id,this.name,"familyTypeIndex")'
我把this.id,this.name换成相应的 字符串形式也不行。
//******************************************************************************************
奶奶地,终于好了。
注意这句的写法
<html:radio property='familyBasics.familyType' value='<%= (String)pageContext.getAttribute("codeValue") %>' onclick="resumeRadio(this.id,this.name,'familyTypeIndex')" styleId='<%= "radioFamilyType" + index %>' />
这里面的'familyTypeIndex'一定要用单引号包围。
resumeRadio(this.id,this.name,'familyTypeIndex') 
分享到:
评论

相关推荐

    vc6_radiobox使用入门

    在Windows应用程序开发中,Radiobox(单选按钮)是一种常用的用户界面元素,用于提供一组可选的互斥选项。在VC6中,使用MFC(Microsoft Foundation Classes)库进行基于对话框的应用程序开发时,Radiobox的使用是必...

    RadioBox_and_CheckBox

    总结,`RadioBox`和`CheckBox`在Android开发中是不可或缺的组件,它们提供了用户进行单选和多选交互的能力。通过合理地使用`RadioGroup`和自定义事件处理,可以构建出符合用户需求的交互界面。在实际应用中,还需要...

    前端项目-radiobox.css.zip

    在前端开发中,样式设计是不可或缺的一部分,尤其是对于交互元素如单选按钮(Radio Box)的设计。本项目“前端项目-radiobox.css.zip”聚焦于使用CSS3来增强单选按钮的视觉效果和用户体验,通过引入一系列动画效果,...

    HTML5自定义网页的checkbox radiobox单选按钮和复选框.rar

    在描述中提到,单选按钮被转换成了一个可点击变色的花朵,这可能通过设置`background-image`为花朵图片,然后根据`:checked`状态改变背景颜色或图像透明度来实现。复选框的对勾则被替换为自定义形状,这可能是通过`...

    非常个性化的CSS3自定义checkbox和radiobox演示地址

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式和功能,使得我们可以创造出更具吸引力和交互性的界面。其中,对checkbox和radiobox的自定义是提升用户体验的重要手段。本文将深入探讨如何利用CSS3...

    纯CSS3美化Checkbox和Radiobox按钮 外观很时尚

    利用CSS3我们可以打造非常具有个性化的用户表单,今天我们就利用CSS3美化checkbox复选框和Radiobox单选框。CSS3美化Checkbox和Radiobox的原理很简单,在页面上新建一个checkbox和radiobox并给予他们默认的label标签...

    自绘CheckBox和RadioBox

    "自绘CheckBox和RadioBox"是一个关于在编程中实现自定义选择框(CheckBox)和单选按钮(RadioBox)的技术主题。通常,这些控件是操作系统或开发框架提供的标准组件,但有时为了满足特定设计需求或优化视觉效果,...

    非常个性化的CSS3自定义checkbox和radiobox

    对于浏览器默认的checkbox和Radiobox样式实在是比较丑陋了,今天分享一款非常个性化的CSS3自定义checkbox和radiobox,外观非常时尚。之前也分享过几款类似的CSS3插件,比如HTML5自定义Checkbox和Radiobox、CSS3漂亮...

    MAC风格的checkbox,button,radiobox

    此外,MAC的按钮还支持各种状态,如禁用状态、加载中状态等,每种状态都有相应的视觉提示。 3. **MAC风格的单选框(Radiobox)**: 单选框在MAC风格中与复选框类似,但只允许选择一个选项。它们由一个小圆圈构成,...

    mootools实现checkbox和radiobox效果.rar

    在本文中,我们将深入探讨如何使用MooTools JavaScript库来实现复选框(checkbox)和单选按钮(radiobox)的自定义效果。MooTools是一个功能强大的JavaScript框架,它提供了一套优雅的面向对象的API,使得开发复杂的...

    复选框的使用

    实现这一功能需要监听主复选框的改变事件,并在事件处理函数中遍历所有子复选框,将它们的状态设置为选中。 2. **全不选操作**:与全选相反,全不选会取消所有复选框的选择。同样需要监听主复选框的改变事件,但在...

    C#中枚举类型和radiobox关联操作的方法

    这段代码遍历groupBox1中的所有控件,如果找到RadioButton,就将其Text属性设置为对应枚举值的文本表示,并将其Tag属性设置为枚举值本身。Tag属性通常用来存储与控件相关的任意对象,这里我们用它来存储枚举值,以便...

    check_and_radio_box.rar_check_and_radio_box_radiobox_单选框

    复选框(Check Box),则允许用户在一组可多选的选项中进行选择。与单选框不同,用户可以同时选中多个复选框。在Windows编程中,复选框通过CButton类来实现。在Visual C++中,你可以通过类似的方式来添加和管理复选...

    自制单选(radiobox)和多选(checkbox)控件

    最近想学者用js做适合触摸的单选(radiobox)和多选(checkbox)控件,起因是:1、不想用就jQuery,因为用它就解决这么一个问题感觉有点像大炮打蚊子;2、想用css做出toggle switch那种感觉很困难,而且这种开关只支持...

    html5 css3 复选框Checkbox、单选框Radiobox按钮美化实例.rar

    纯CSS3美化复选框和单选框按钮,用HTML5的CSS3技术美化网页上的Checkbox和Radiobox按钮,经过美化后,变得时尚多了,和默认风格完全不一样了,美化后的风格也是目前在手机上比较容易看到的效果,实现方法和具体代码...

    外观时尚的纯CSS3美化Checkbox和Radiobox按钮源码.zip

    通过纯CSS3技术,开发者可以不必依赖额外的图片或者JavaScript库,就能让页面中的复选框和单选按钮焕发新的生命力。这不仅提高了页面加载速度,也增强了用户体验,是现代Web开发中一个实用的工具。

    防止RadioButton在RecyclerView中滑动出现错乱

    在Android开发中,RecyclerView是一种非常常用的视图组件,它用于展示可滚动的列表,具有高效内存管理和流畅用户体验的特点。然而,当RecyclerView中的item包含交互性元素如RadioButton或EditText时,可能会遇到一些...

    美化自定义checkbox和radiobox的jquery插件

    摘要:脚本资源,jQuery,表单美化,jQuery插件 自定义checkbox和radiobox的jquery网页插件,并附上实例效果演示,ezmark插件代码,可将checkbox和radiobox换种风格,用惯了系统默认风格的人,看到本款美化效果后,一定...

Global site tag (gtag.js) - Google Analytics