javascript - 基于选择框的链接位置更改

Question

我有一个文件管理器，我想尝试并鼓励用户下载。我见过网站做类似的事情，但不知道尝试搜索类似的帖子叫什么。

这就是我想要的。如果勾选了“使用管理器”，它将为他们提供一个与未勾选时不同的 URL。

希望这是有道理的。

谢谢

Answer 1

您要做的是处理复选框上的点击事件，并根据它的值(选中或未选中)修改“立即下载”链接的 href 属性。

$( "#your_checkbox" ).on( "click", function(){
  var link = "http://some_link.com"; // default link for unchecked
  if ( $(this).is( ":checked" ) ){
    link = "http://some_other_link.com"; // modified link for checked
  }
  $( "#your_download_btn" ).attr( "href", link ); // setting the href
});

这是一个simple demo .