在jquery中选中复选框时触发锚点链接

时间:2012-12-25 23:19:26

标签: jquery checkbox anchor

  

可能重复:
  re-firing a click event on a link with jQuery

检查复选框时是否可以触发被点击的锚链接?下面是我的html和jQuery

HTML:

<div id="filter-1" class="filter tags">
 <ul>
  <li class="grey">
    <input type="checkbox">
    <a title="" href="/collections/mens/grey">Grey</a>
  </li>

 <li class="all">
   <input type="checkbox">
   <a title="" href="/collections/mens">All color</a>
  </li>
 </ul>
 </div>

jQuery的:

 $("input[type='checkbox']").change(function(){
  var item=$(this);    
   if(item.is(":checked"))
    {
     item.siblings('a').trigger('click');
    }    
 });

1 个答案:

答案 0 :(得分:5)

 $("input[type='checkbox']").change(function(){
  var item=$(this);    
   if(item.is(":checked"))
    {
      location.href = item.siblings('a').attr('href');
    }    
 });