首页 新闻 搜索 专区 学院

jquery 通过checkbox 控制文本框的输入

0
悬赏园豆:10 [已解决问题] 解决于 2015-07-26 00:04

 当点击一个chenckbox 复选框,让紧跟其后的 text 文本框  才可以可以输入,否则不可以输入。

<td><input class="checkbox" type="checkbox"/></td>
<td><input type="text" disabled="disabled"/></td>


  <td ><input class="checkbox" type="checkbox"/></td>
  <td><input type="text" disabled="disabled"/></td>


    <td ><input class="checkbox" type="checkbox"/></td>
  <td><input type="text" disabled="disabled"/></td>

 

以上不加其他id 等属性,来实现。

mke的主页 mke | 初学一级 | 园豆:184
提问于:2015-07-25 18:05
< >
分享
最佳答案
0
$('td :checkbox').click(function(){
  if($(this).attr('checked') == 'checked'){
    $(this).parent().next('td').find(':text').removeAttr('disabled');
  }else{
    $(this).parent().next('td').find(':text').attr('disabled', 'disabled');
  }
});
收获园豆:10
liqipeng | 小虾三级 |园豆:1160 | 2015-07-25 21:22

@liqipeng    还是没起作用呢。

mke | 园豆:184 (初学一级) | 2015-07-25 21:27

@菜鸟野学习: 你又没给我table的结构,我也猜不出你的结构是什么样的。

我按照这个写的:

$('body').append('<table><tr><td><input class="checkbox" type="checkbox"/></td><td><input type="text" disabled="disabled"/></td>  <td ><input class="checkbox" type="checkbox"/></td>  <td><input type="text" disabled="disabled"/></td>    <td ><input class="checkbox" type="checkbox"/></td>  <td><input type="text" disabled="disabled"/></td></tr></table>')

也就是我把所有的td当作在一个tr里。

你根据你的实际情况改改。

liqipeng | 园豆:1160 (小虾三级) | 2015-07-25 23:00

@liqipeng: 最上面的代码就基本可以了,就是判断不起作用,修改下就可以了。谢谢!

mke | 园豆:184 (初学一级) | 2015-07-26 00:03
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册