1 <script language=javascript>
function dis()
{
var a = document.getElementsByTagName_r("input");
for (var i=0; i<a.length; i++)
{
if (a[i].type=="checkbox" || a[i].type=="radio") a[i].disabled=true;
}
var b = document.getElementsByTagName_r("select");
for (var i=0; i<b.length; i++)
{
b[i].disabled=true;
}
}
</script>
<input type=button value="失效" onclick=dis()>
注:失效的checkbox,radio等提交后得到的是空值,不管是否选择了
2 <select onchange="selectedIndex=2">
<option value=1>1</option>
<option value=2>2</option>
<option value=3 selected>3</option>
<option value=4>4</option>
</select>
<input type=checkbox checked onclick="checked=defaultChecked">
<input type=radio onclick="checked=defaultChecked">
22<input type="radio" name="ss" checked onclick="checked=defaultChecked">
<input type="radio" name="ss" onclick="document.forms[0].ss[0].checked=true">
<input type="radio" name="ss" onclick="document.forms[0].ss[0].checked=true">
3 如何将JSP中RadioBox设为不可选状态,并且不变灰
关键字: 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.getElementByIdx_x(radioId);
radioObj.checked = !radioObj.checked;
var radioObjGroup = document.forms[0].elements(radioName);
var groupIdx = document.getElementByIdx_x(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.getElementByIdx_x("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')
分享到:
相关推荐
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
修改checkbox radio select的样式
selectTree tree控件 日历控件 tree控件 radio CheckBox demo 直接可以用 案例多多
方式一: checkbox没有readOnly属性,如果使用disabled=“disabled”属性的话,会让checkbox变成灰色的,用户很反感这种样式可以这样让它保持只读: 设置它的onclick=”return false” js里就是 checkbox.onclick=...
CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...
//设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 //这样就可以实现读取url数据时是可以设置勾选了哪些节点,在...
基于jquery自定义表单样式。LazyForm radio,checkbox,select 表单样式自定义
有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户”这个地方是可以进行勾选操作的”而不想让用户在此处勾选(比如在信息展示页面),这时候就需要将复选框设置成...
js checkbox全选 反选 取消全部设置表单html复选框勾选
jquery操作Radio、Checkbox、Select详细Demo
本资源为自定义的Combox 多选控件,Combox下拉框下含有CheckBox,可供选择。
1、支持加载文件中的PNG图片作为背景 2、支持透明的Static控件 3、支持透明的Radio控件 4、支持透明的CheckBox控件 5、支持透明的GroupBox控件
JS操作CheckBox控件! 值得下载看看!资源免费,大家分享!!
js实现checkbox的radio单选效果,且可取消选择
一个小例子,含全选,有注释,学习一下这些表单元素的属性和方法
个人感觉比较好看的checkbox和radio的样式
1、支持加载资源中的背景图片 2、支持透明的Static控件 3、支持透明的Radio控件 4、支持透明的CheckBox控件 5、支持透明的GroupBox控件
checkbox-radio-select 样式的自定义,替换你想要的图片即可
jquery获取各种radio,checkbox,select的值等