Question

  $('.answerlabel').click(function()
  {
  $(this).siblings('.answer').find('input:checkbox').attr("checked","checked");
  });

“回答”是一个类，“回答标签”是另一个类。两者都是相同的。但它不起作用。

任何建议.. 这是我的HTML代码

 <table>
 <tr>
 <td class="answer"><input tabindex="5" type="checkbox" name="Dum1_5" id="Dum1_5" value="1"/></td>
 <td class="answerlabel"><label for="Dum1_5" id="Dum1_5_label"><table class="sample"><tr><td><img src="http://bizbox.slate.com/blog/google.jpg"></td></tr><tr><td><b>Product 5</b></td></tr><tr><td>Product Description 5</td></tr><tr><td><b>Price 5</b></td></tr></table></label></td>
 </tr>
 </table>

Answer 1

尝试此操作以获取功能：

$('.answerlabel label').click(function(){
    $(this).parents('.answerlabel:first').siblings('.answer').find('input:checkbox').attr("checked","checked");
});

Answer 2

  $('.answerlabel').click(function()
  {
  var obj = $(this).siblings('.answer').find('input:checkbox');
  if(obj.attr("checked") =="checked")
  {
      obj.removeAttr("checked");
  }else
  {
        obj.attr("checked","checked");
  }
  });

这将在再次单击时从复选框中删除该检查。它似乎正在起作用：http://jsfiddle.net/kZNTq/3/

在Sibling中找到Checkbox并使用jQuery进行检查

2 个答案: