Question

当选中相应的复选框时，这是在Google地图上隐藏/显示特定类别标记的脚本的一部分。

  function boxclick(box,category) {
    if (box.checked) {
      show(category);
    } else {
      hide(category);
    }

我要做的是隐藏页面上与此类别具有相同ID的任何div。

是否可以在脚本中实现某些功能？而不是创建一个单独的onclick事件。我想尝试使用相同的代码完成所有操作。

  function boxclick(box,category) {
    if (box.checked) {
      show(category);
      $("#"+category).show();
    } else {
      hide(category);
      $("#"+category).hide();
    }

编辑：道歉意味着div ID不是名字

Answer 1

是的，你可以这么简单地做到这一点

  function boxclick(box,category) {
        if (box.checked) {
          show(category);
          $("div#"+category).show();
        } else {
          hide(category);
           $("div#"+category).hide();
        }

Answer 2

如果你的意思是div有一个name属性，例如：

<div name="toggleMe">I'll disappear</div>
<div name="dontToggleMe">I won't disappear</div>
<div name="toggleMe">I'll also disappear</div>

然后是的，这是可能的。

尝试这样的功能：

function boxclick(box,jquerySelector) {
  if (box.checked) {
    $(jquerySelector).show();
  } else {
    $(jquerySelector).hide();
  }
};

你可以传递一个匹配所有具有所需名称属性的div的jQuery selector，例如

boxclick(this,"div[name='toggleMe'"]);

这是一个工作示例的jsFiddle：http://jsfiddle.net/787Hy/

隐藏div的复选框

2 个答案: