单击复选框时禁用文本框无法使用jquery_Jquery_Checkbox

单击复选框时禁用文本框无法使用jquery

jquery checkbox

单击复选框时禁用文本框无法使用jquery,jquery,checkbox,Jquery,Checkbox,我无法使用jquery代码删除文本并禁用文本框，下面是我的代码。无论我选中还是取消选中复选框，警报都会起作用。请建议 <script> $(document).ready(function(){ var arr= new Array('1','2','3','4','5'); for(var i=0;i<arr.length;i++) { $("#Q4x1_

我无法使用jquery代码删除文本并禁用文本框，下面是我的代码。无论我选中还是取消选中复选框，警报都会起作用。请建议

   <script>
        $(document).ready(function(){
          var arr= new Array('1','2','3','4','5');
          for(var i=0;i<arr.length;i++)
              {
                $("#Q4x1_"+arr[i]).click(function(){
                    if($("#Q4x1_"+arr[i]).prop('checked',true))
                        {
                            alert("hi");
                            $("#Q4x2_"+arr[i]).val('');
                            $("#Q4x2_"+arr[i]).prop('readOnly',true);
                        }
                    else
                        {
                            $("#Q4x2_"+arr[i]).val('testing');
                                                $("#Q4x2_"+arr[i]).prop('readOnly',false);
                        }
                });
              }
        });
      </script>
  </head>

  <body>
  <table border="1">
  <tr>
  <td><input type="checkbox" id="Q4x1_1"></td>
  <td><input type="text" id="Q4x2_1"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_2"></td>
  <td><input type="text" id="Q4x2_2"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_3"></td>
  <td><input type="text" id="Q4x2_3"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_4"></td>
  <td><input type="text" id="Q4x2_4"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_5"></td>
  <td><input type="text" id="Q4x2_5"></td>
  </tr>


  </table>
  </body>
  </html>

   <script>
        $(document).ready(function(){
          var arr= new Array('1','2','3','4','5');
          for(var i=0;i<arr.length;i++)
              {
                $("#Q4x1_"+arr[i]).click(function(){
                    if($("#Q4x1_"+arr[i]).prop('checked',true))
                        {
                            alert("hi");
                            $("#Q4x2_"+arr[i]).val('');
                            $("#Q4x2_"+arr[i]).prop('readOnly',true);
                        }
                    else
                        {
                            $("#Q4x2_"+arr[i]).val('testing');
                                                $("#Q4x2_"+arr[i]).prop('readOnly',false);
                        }
                });
              }
        });
      </script>
  </head>

  <body>
  <table border="1">
  <tr>
  <td><input type="checkbox" id="Q4x1_1"></td>
  <td><input type="text" id="Q4x2_1"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_2"></td>
  <td><input type="text" id="Q4x2_2"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_3"></td>
  <td><input type="text" id="Q4x2_3"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_4"></td>
  <td><input type="text" id="Q4x2_4"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_5"></td>
  <td><input type="text" id="Q4x2_5"></td>
  </tr>


  </table>
  </body>
  </html>


$（文档）.ready（函数（）{
var arr=新数组（'1'，'2'，'3'，'4'，'5'）；
对于（var i=0；i，您可以简单地使用：
   <script>
        $(document).ready(function(){
          var arr= new Array('1','2','3','4','5');
          for(var i=0;i<arr.length;i++)
              {
                $("#Q4x1_"+arr[i]).click(function(){
                    if($("#Q4x1_"+arr[i]).prop('checked',true))
                        {
                            alert("hi");
                            $("#Q4x2_"+arr[i]).val('');
                            $("#Q4x2_"+arr[i]).prop('readOnly',true);
                        }
                    else
                        {
                            $("#Q4x2_"+arr[i]).val('testing');
                                                $("#Q4x2_"+arr[i]).prop('readOnly',false);
                        }
                });
              }
        });
      </script>
  </head>

  <body>
  <table border="1">
  <tr>
  <td><input type="checkbox" id="Q4x1_1"></td>
  <td><input type="text" id="Q4x2_1"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_2"></td>
  <td><input type="text" id="Q4x2_2"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_3"></td>
  <td><input type="text" id="Q4x2_3"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_4"></td>
  <td><input type="text" id="Q4x2_4"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_5"></td>
  <td><input type="text" id="Q4x2_5"></td>
  </tr>


  </table>
  </body>
  </html>

$('input:checkbox').change(function(){
 var checked = $(this).prop('checked');
 var nextinp=$(this).parent().next().find('input');
 nextinp.prop('disabled', checked);
 if(checked)
   nextinp.val(''); 
});

你应该使用这个。选中的而不是$（“#Q4x1_x1”+arr[i]）.prop（'checked'，true）但是这样做不对吗？我只对一个复选框和一个文本框做了相同的操作。这样做很好。这里的演示更干净。谢谢，我会选中相同的：）
   <script>
        $(document).ready(function(){
          var arr= new Array('1','2','3','4','5');
          for(var i=0;i<arr.length;i++)
              {
                $("#Q4x1_"+arr[i]).click(function(){
                    if($("#Q4x1_"+arr[i]).prop('checked',true))
                        {
                            alert("hi");
                            $("#Q4x2_"+arr[i]).val('');
                            $("#Q4x2_"+arr[i]).prop('readOnly',true);
                        }
                    else
                        {
                            $("#Q4x2_"+arr[i]).val('testing');
                                                $("#Q4x2_"+arr[i]).prop('readOnly',false);
                        }
                });
              }
        });
      </script>
  </head>

  <body>
  <table border="1">
  <tr>
  <td><input type="checkbox" id="Q4x1_1"></td>
  <td><input type="text" id="Q4x2_1"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_2"></td>
  <td><input type="text" id="Q4x2_2"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_3"></td>
  <td><input type="text" id="Q4x2_3"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_4"></td>
  <td><input type="text" id="Q4x2_4"></td>
  </tr>

    <tr>
  <td><input type="checkbox" id="Q4x1_5"></td>
  <td><input type="text" id="Q4x2_5"></td>
  </tr>


  </table>
  </body>
  </html>