87,990
社区成员
发帖
与我相关
我的任务
分享通过checkbox选中状态改变下拉框可用
就是这样的一个东西，默认那个下拉框和输入框都是不可用的，
如果选中checkbox，则可以使用下拉框和输入框。。
js控制，怎么搞哇？？
我这样做不好使啊
<tr>
<td>
证件类型:<select name="identType" id="identType" disabled="ture">
<option value="0" selected="true">身份证</option>
<option value="1">士兵证</option>
</select>
</td>
</tr>
<tr>
<td>
证件号:<input type="input" name="identNo" id="identNo" disabled="ture"/>
</td>
</tr>
<tr>
<td>
用户名:<input type="input" name="userName" id="userName" disabled="ture"/>
</td>
</tr>function showHideIdent(){
var checkb = document.getElementsByName("allRealName");
if(checkb[0].checked){
$('#identType').disabled="true";
$('#identNo').disabled="true";
$('#userName').disabled="true";
}else{
$('#identType').disabled="flase";
$('#identNo').disabled="flase";
$('#userName').disabled="flase";
}
}
...全文
请发表友善的回复…
发表回复
乌鸦不会飞 2011-08-29
- 打赏
- 举报
[Quote=引用 4 楼 calmcrime 的回复:]
HTML code
<tr>
<td>
全实名<input type="checkbox" name="allRealName" />
证件类型:<select name="identType" id="identType" disabled="true">
……
[/Quote]
太心急了，错误百出啊。。。谢谢
<tr>
<td>
<div onclick="showHideIdent()"><input type="checkbox" name="allRealName" id="allRealName"/>全实名？</div>
</td>
</tr>
HTML code
<tr>
<td>
全实名<input type="checkbox" name="allRealName" />
证件类型:<select name="identType" id="identType" disabled="true">
……
[/Quote]
太心急了，错误百出啊。。。谢谢
<tr>
<td>
<div onclick="showHideIdent()"><input type="checkbox" name="allRealName" id="allRealName"/>全实名？</div>
</td>
</tr>
001007009 2011-08-29
- 打赏
- 举报
<tr>
<td>
全实名<input type="checkbox" name="allRealName" />
证件类型:<select name="identType" id="identType" disabled="true">
<option value="0" selected="true">身份证</option>
<option value="1">士兵证</option>
</select>
</td>
</tr>
<tr>
<td>
证件号:<input type="input" name="identNo" id="identNo" disabled="true"/>
</td>
</tr>
<tr>
<td>
用户名:<input type="input" name="userName" id="userName" disabled="true"/>
</td>
</tr>
<script>
function $(o){return document.getElementById(o)}
var checkb = document.getElementsByName("allRealName");
checkb[0].onclick = function(){
if(this.checked){
$('identType').disabled="";
$('identNo').disabled="";
$('userName').disabled="";
}else{
$('identType').disabled="true";
$('identNo').disabled="true";
$('userName').disabled="true";
}
}
</script>
楼主代码有些错误啊
1.代码没贴全？没说明，$('#..')是jquery的选择器
2.false true 拼写错误
3.没事件操作，怎么判断 checkbox 是否 checked？
....
huaidanpizi 2011-08-29
- 打赏
- 举报
好好，太好了哈哈哈
xuexiaodong2009 2011-08-29
- 打赏
- 举报
你没有注册事件啊
ZXY900213 2011-08-29
- 打赏
- 举报
function showHideIdent(){
$("#identType,#identNo,#userName").disabled = $("input[name='allRealName']").checked;
}
gouxiongyaya 2011-08-29
- 打赏
- 举报
楼上的ok！
lsw645645645 2011-08-29
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function () {
$('#allRealName').change(function () {
$('.mark_select input,.mark_select select').attr('disabled', !$(this).attr('checked'));
});
});
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="checkbox" name="allRealName" id="allRealName"/>全实名？
</td>
</tr>
<tr class="mark_select">
<td>
证件类型:<select name="identType" id="identType" disabled="ture">
<option value="0" selected="true">身份证</option>
<option value="1">士兵证</option>
</select>
</td>
</tr>
<tr class="mark_select">
<td>
证件号:<input type="input" name="identNo" id="identNo" disabled="ture"/>
</td>
</tr>
<tr class="mark_select">
<td>
用户名:<input type="input" name="userName" id="userName" disabled="ture"/>
</td>
</tr>
</table>
</body>
</html>
