当前位置:编程学习 > JAVA >>

如何实现选中checkbox可以激活操作,没选中为禁用状态

我的jsp页面里有一个form,每一行都有两个select下拉菜单,一个是test1,一个是test2.我现在想在每行前面加一个checkbox,checkbox被选中的话激活select可以修改这一行,没选中这一行变灰色select被禁用,这个该怎么实现?
--------------------编程问答--------------------

if(!$('#checkbox').attr('checked')){
  $('#test1').attr('disabled',true);
    $('#test2').attr('disabled',true);
}else{
   $('#test1').removeAttr('disabled');
    $('#test2').removeAttr('disabled');
}
--------------------编程问答-------------------- http://blog.csdn.net/wan4u/article/details/6576473
--------------------编程问答-------------------- --------------------编程问答--------------------
引用 1 楼 kingshigang 的回复:
JScript code

if(!$('#checkbox').attr('checked')){
  $('#test1').attr('disabled',true);
    $('#test2').attr('disabled',true);
}else{
   $('#test1').removeAttr('disabled');
    $('#test2').removeAtt……
我这里test1,test2只是简单的引用,在我实际的操作中每一行select的name都不一样。比如说我第一行的select的name为123A,123B;第二行为223A,223B。第三行为323A,323B。以此类推,这个该怎么处理 --------------------编程问答-------------------- --------------------编程问答-------------------- 把所有的select的class设成一样就行了,$(’.test‘)就是所有的 --------------------编程问答--------------------
引用 6 楼 mpqzmzqp 的回复:
把所有的select的class设成一样就行了,$(’.test‘)就是所有的
可不可以具体点,我对JS是小白。 --------------------编程问答-------------------- 有table了就好多了。
  $('#checkbox').parent().parent().find('td').eq(1).find('select');//test1
  $('#checkbox').parent().parent().find('td').eq(2).find('select');//test2 --------------------编程问答-------------------- function checkDisable()
{
var objForm = document.qPagerForm;
var objLen = objForm.length;
for (var elcount = 0; elcount < objLen; elcount++)
{
if (objForm.elements[elcount].type == "checkbox")
{
objForm.elements[elcount].desable = true;//此处需要略修改
}
}
}
--------------------编程问答--------------------


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript" src="jquery-1.6.1.js"></script>
 </head>

 <body>
 <input type="checkbox" class="test"/>
 <select disabled="true">
<option>a</option>
<option>b</option>
 </select>
 <br/>
 <input type="checkbox" class="test"/>
 <select disabled="true">
<option>c</option>
<option>d</option>
 </select>
  <script type="text/javascript">
$(".test").bind("click",function(){
if($(this).attr("checked")){
// 移除 禁用属性
$(this).next().removeAttr("disabled");
} else {
// 设置为禁用
$(this).next().attr("disabled","true");
}
});
  </script>
 </body>
</html>




不知道这样写是不是你要的答案 --------------------编程问答-------------------- <input type="checkbox" name="ck1" id="ck1" onclick="toggle( true ,false )" />
<select name="1" id="s1">
<option value="1">请选择</option>
</select>
<br>
<input type="checkbox" name="ck2" id="ck2" onclick="toggle(false , true )" />
<select name="2" id="s2">
<option value="1">请选择</option>
</select>
<script type="text/javascript">
var s1 = document.getElementById("s1") ;
var s2 = document.getElementById("s2") ;
var ck1 = document.getElementById("ck1") ;
var ck2 = document.getElementById("ck2") ;
function toggle(val1 , val2){
if(ck1.checked){
s1.disabled = val2 ;
s2.disabled = val1 ;
ck2.checked = false ;
}else{
s1.disabled = val1 ;
s2.disabled = val2 ;
ck1.checked = false ;
}
}
--------------------编程问答-------------------- checkbox的checked属性
补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,