onclick复选框事件

我要做的就是点击复选框，将其值附加到URL并重定向。我该怎么办？

$(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"; } }); }); 
 Hospitals   Offices   Facilities  

Answer 1

这真的不是一个好的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参数附加了这个值。

Answer 2

如果你设置你的函数来重新接收一个参数javascript就会给你一个具有触发事件的元素的事件，你可以在下一个代码中存档这个：

 $('.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 } });