的onclick複選框事件

所有我試圖做的是的onclick複選框，它的價值附加到URL和redirect..How做我做到這一點？的onclick複選框事件

$(document).ready(function() { 
    var url = 'http://mysite.com/results.aspx'; 
     $('.LocType').click (function() 
      { 
       var thisCheck = $(this); 
      if (thischeck.is (':checked')) 
      { 
      // Do stuff 
      window.location.href = "http://www.yahoo.com"; 

      } 
     }); 
}); 

<div class="MyOptions"> 
    Hospitals<input class="LocType" type="checkbox" value="Hospital"/> &#160; 
    Offices<input class="LocType" type="checkbox" value="Office"/> &#160; 
    Facilities<input class="LocType" type="checkbox" value="Facility"/> 
</div>

來源

2012-02-24 Anjana Sharma

你試圖讓導航？如果是這樣，你可能想重新考慮它 - 這是非常難以接近的。 – Ryan 2012-02-24 23:40:05

這真的不是一個好的UI設計 - 用戶不要指望導航通過複選框發生 - 但這裏有你想要的代碼：

$('.LocType').click (function() { 
    if (this.checked) { 
     // Do stuff 
     window.location.href = "http://www.yahoo.com?paramNameHere=" + this.value; 
    } 
});

你不需要$(this)裏面的功能，因爲this是不夠的，只是檢查checked狀態，並得到value。

你沒說產生的URL應該是什麼樣子，所以我只是一個普通的paramNameHere參數附加價值。

來源

2012-02-24 23:43:53 nnnnnn

如果您設置功能recive一個參數的JavaScript會給你，有觸發事件的ellement一個事件，你cuold做歸檔這個白衣下面的代碼：

$('.LocType').click (function (e) { 
    if (this.checked) { 
     // Do stuff 
     window.location.href = "http://www.yahoo.com" + e.target.value; 
     //e.target is the element that fire up the event 
    } 
});

來源

2012-02-24 23:48:17

的onclick複選框事件

回答

相關問題