代码之家 › 专栏 › 技术社区 › Kyle

jQuery和标签

html jquery

Kyle · 技术社区 · 14 年前

在前面的问题中,我还有一个jquery事件,当复选框和单击标签本身。

jsFiddle 这里是例子。

我的问题是,当我单击标签时,它不会启动函数。如您所见,复选框工作正常。

还有什么可以补充的吗?或者是这样吗?

谢谢)

编辑:jsFiddle链接中的代码

HTML

<div id="scrollwrap">
    <div>
       <input value="1"  type="checkbox" name="salgsvilkar" id="checkbox2"  style="float:left;"/>
        <label for="checkbox2" class="akslabel">Salgs og leveringsvilkÃ¥r er lest og akseptert</label>
    </div>
</div>

JQuery

$(function() {
    //checkbox
    $("#checkbox2, .akslabel").click(function() {
        $("#scrollwrap").toggleClass('highlight');
    });
});

2 回复 | 直到 14 年前

Nick Craver 14 年前

为了安全起见,您可以这样做:

$(function() {
  $("#checkbox2").change(function(){
    $("#scrollwrap").toggleClass('highlight', this.checked);
  });
});

You can test it out here . 这里的优势是您可以添加 .change() 最后,要使状态与最初选中的状态匹配,如下所示:

$(function() {
  $("#checkbox2").change(function(){
    $("#scrollwrap").toggleClass('highlight', this.checked);
  }).change();
});

You can test that version here . 你也可以做这个 许多的 更通用, like this .

Mouhannad 14 年前

应该这样做:

$(function() {
   //checkbox
   $("#checkbox2").change(function(){
    $("#scrollwrap").toggleClass('highlight');
  });
});

它不起作用的原因 click() 是因为单击标签会触发事件两次,因为它附加到两个元素上——这意味着它将切换类名两次!

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前