如何将复选框名和值传递给href

要将复选框名和值传递给href，你可以使用JavaScript来实现。

首先，你需要在HTML代码中给复选框添加一个点击事件，当复选框被点击时，调用JavaScript函数来处理传递参数的逻辑。

例如，假设你有两个复选框，分别是"checkbox1"和"checkbox2"，它们的值分别是"value1"和"value2"，并且你想要将它们的名和值传递给一个链接的href。

HTML代码如下：

<input type="checkbox" id="checkbox1" value="value1" onclick="handleCheckboxClick()">
<input type="checkbox" id="checkbox2" value="value2" onclick="handleCheckboxClick()">
<a id="myLink" href="#">点击这里</a>

接下来，你可以使用JavaScript来处理复选框的点击事件，并将复选框的名和值传递给href。

JavaScript代码如下：

function handleCheckboxClick() {
  var checkbox1 = document.getElementById("checkbox1");
  var checkbox2 = document.getElementById("checkbox2");
  var link = document.getElementById("myLink");
  
  // 检查复选框的选中状态
  var checkbox1Checked = checkbox1.checked;
  var checkbox2Checked = checkbox2.checked;
  
  // 构建传递参数的字符串
  var params = "";
  if (checkbox1Checked) {
    params += "checkbox1=" + checkbox1.value + "&";
  }
  if (checkbox2Checked) {
    params += "checkbox2=" + checkbox2.value + "&";
  }
  
  // 更新链接的href属性
  link.href = "https://www.example.com?" + params;
}

以上代码会在复选框被点击时，根据复选框的选中状态构建传递参数的字符串，并将它们附加到链接的href上。你可以将"https://www.example.com"替换为你实际需要跳转的链接。

这样，当用户点击链接时，链接中会包含被选中的复选框名和值作为参数，可以通过服务器端或前端的其他逻辑来处理这些参数。