onclick 复选框事件

发布于 2025-01-08 21:25:52 字数 726 浏览 0 评论 0原文

我想做的就是单击复选框，将其值附加到 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";  

             }
        });
}); 

<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>

原文

All I am trying to do is onclick of checkbox, append its value to the URL and redirect..How do I do this??

$(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"/>    
    Offices<input class="LocType" type="checkbox" value="Office"/>    
    Facilities<input class="LocType" type="checkbox" value="Facility"/> 
</div>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

記柔刀 2025-01-15 21:25:52

这确实不是一个好的 UI 设计 - 用户不希望通过复选框进行导航 - 但这是您想要的代码：

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

您不需要在函数内使用 $(this) 因为 this< /code> 足以检查 checked 状态并获取值。

您没有说明生成的 URL 应该是什么样子，因此我只是在该值后面附加了通用 paramNameHere 参数。

That's really not a good UI design - users do not expect navigation to occur via checkboxes - but here's the code you want:

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

You don't need $(this) inside the function because this is enough to just check the checked state and get the value.

You didn't say what the resulting URL should look like, so I've just appended the value with a generic paramNameHere parameter.

回复收藏 0 原文

<逆流佳人身旁 2025-01-15 21:25:52

如果您将函数设置为接收参数，则 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
   }
});

if you set up your function to recive a parameter javascript would give you an event that have the ellement that fire the event, you cuold do archive this whit the next code:

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

回复收藏 0 原文

~没有更多了~