使用jquery根据复选框的id禁用tr的内部td的select标签

Question

我有一张桌子。每行在其最后一个td中都有select标签。现在基于另一个td内的复选框值，我想禁用该行的select标签。这是我的代码。请让我知道我做错了什么

jQuery('#tableid tbody tr').each(function() { 

    jQuery(this).find('td:eq(5)') find('input[type="checkbox"][id="name1"]:checked).parent().next().next().find('select[name="roleselect"]').prop('disabled',true);

;;}）

我是通过打字从手机发布的。请忽略任何拼写错误。

Answer 1

从上面的评论中我认为这就是你想要实现的目标

$('.checkbox').click(function() { 
	
    if($(this).is(':checked') && $(this).attr('name')=='name1')
	 {
	$(this).parent('td').parent('tr').find('td:eq(1)').find('select[name="roleselect"]').prop('disabled',true);
	 }
	 else if ($(this).is(':checked') && $(this).attr('name')=='name2')
	 {
	$(this).parent('td').parent('tr').find('td:eq(1)').find('select[name="roleselect"]').prop('disabled',false);
		 
	 }
   else
   {
        $(this).parent('td').parent('tr').find('td:eq(1)').find('select[name="roleselect"]').prop('disabled',true);
   
   }
   
	
	
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tableid" border="1px" >

<tbody>
	<tr>
		<td>
			first td 
		</td>
		<td>
		   <select name="roleselect" >
		   <option>select</option>
		   </select >
		</td>
		<td>third td</td>
		<td>fourth td</td>
		<td>
			<input type="checkbox" class="checkbox" id="name1"  name="name1" >
			<input type="checkbox"  class="checkbox" id="name2"  name="name2" >
		</td>
	</tr>
</tbody>

</table>