【问题标题】:I need some help with these jquery selection checkboxes我需要一些关于这些 jquery 选择复选框的帮助
【发布时间】:2011-09-04 18:16:25
【问题描述】:

我有这样的事情:

<table>

<tr><td><input type="checkbox" id="checkbox1"></input></td><td><input type="text" disabled="disabled" id="textInput1"></input></td></tr>
<tr><td><input type="checkbox" id="checkbox2"></input></td><td><input type="text" id="textInput2" disabled="disabled"></input></td></tr>
<tr><td><input type="checkbox" id="checkbox3"></input></td><td><input type="text" id="textInput3" disabled="disabled"></input></td></tr>
<tr><td><input type="checkbox" id="checkbox4"></input></td><td><input type="text" id="textInput4" disabled="disabled"></input></td></tr>

</table>

我正在尝试启用被单击复选框所在行的文本输入。选择复选框时还必须选择多行。我尝试使用一些基本的 jquery,但它只启用/禁用所有行的所有文本输入,尽管单击了哪个复选框。提前致谢。

编辑:

$("checkbox").click(function(){

if($(this).is(":checked")){
$("input[type='text']").attr("disabled", false);
 }else{
 $("input[type='text']").attr("disabled", true);  
 }  
}

【问题讨论】:

  • 到目前为止你有什么 javascript?
  • 贴一些你试过的js,也许我们可以帮忙。
  • @Jonathan Fingland 刚刚添加。抱歉,我无法复制/粘贴,但我的笔记本电脑上有代码,现在我在我的电脑上

标签: jquery input checkbox


【解决方案1】:

试试这个

$(":checkbox").click(function(){
   $(this).closest("tr").find("input:text]").attr("disabled", !this.checked);
});

工作demo

【讨论】:

    【解决方案2】:

    更新

    $(document).ready(function () {
        $('input:checkbox').change(function () {
            $(this).closest('tr').find('input:text').attr('disabled', !$(this).is(':checked'));
        });
    });
    

    【讨论】:

      【解决方案3】:

      试试这个:

      <script type="text/javascript">
          $( document ).ready( function() {
      
      
       $(":checkbox").click(function(){
          var temp= $(this).attr("id");
          var a = temp.split("_");
          var i = a[1];
      
              if($("#checkbox_"+i).is(":checked")){
              $("#textInput_"+i).attr("disabled", false);
               }else{
               $("#textInput_"+i).attr("disabled", true);  
               }
      
               });
      
       });  
       </script>
      

      和这样的 HTML:

      <tr><td><input type="checkbox" id="checkbox_1"></input></td><td><input type="text" disabled="disabled" id="textInput_1"></input></td></tr>
      

      【讨论】:

        猜你喜欢
        • 2014-07-18
        • 1970-01-01
        • 2011-08-25
        • 1970-01-01
        • 2021-05-12
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多