• 闪存
• 博客
• 发言 小组
• 投递 新闻
• 提问 博问
• 添加 收藏
• 文库

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 | 初学一级 | 园豆：184
提问于：2015-07-25 18:05

显示帮助

使用"Ctrl+Enter"可进行快捷提交，评论支持部分 Markdown 语法：[link](http://example.com) _italic_ **bold** `code`。

< >

分享

分享您的问题

$('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');
  }
});

$('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>')