click事件

最新推荐文章于 2022-08-22 16:04:06 发布

凤凰冷羽

最新推荐文章于 2022-08-22 16:04:06 发布

阅读量509

点赞数

分类专栏： JQuery Html JavaScript 文章标签： click

本文链接：https://blog.csdn.net/zhangmm122411/article/details/51800915

版权

Html 同时被 3 个专栏收录

8 篇文章 0 订阅

订阅专栏

JavaScript

8 篇文章 0 订阅

订阅专栏

JQuery

7 篇文章 0 订阅

订阅专栏

click事件

一、dom添加onclick

<section>
    <ul>
        <li onclick="getSelect(this)">
            <div>
                <input type="checkbox" value="" id="checkboxInput_1" name="" />
            </div>
        </li>
    </ul>
</section>

//点击li选中checkbox
function getSelect(obj) {
    $(obj).find("input:checkbox").each(function(i) {
        if($(this).attr("checked") == "checked") {
            $(this).removeAttr("checked");
        } else {
            $(this).attr("checked", "checked");
        }
    });
    return false;
}

二、

<section>
    <ul>
        <li>
            <div>
                <input type="checkbox" value="" id="checkboxInput_1" name="" />
            </div>
        </li>
    </ul>
</section>

// 点击li选中checkbox
$("ul").on("click", "li", function() {
    $(this).find("input:checkbox").each(function(i) {
        if($(this).attr("checked") == "checked") {
            $(this).removeAttr("checked");
        } else {
            $(this).attr("checked", "checked");
        }
    });
    return false;
});

三、

<section>
    <ul>
        <li id="li_click">
            <div>
                <input type="checkbox" value="" id="checkboxInput_1" name="" />
            </div>
        </li>
    </ul>
</section>

$("#li_click").click(function() {
    $(this).find("input:checkbox").each(function(i) {
        if($(this).attr("checked") == "checked") {
            $(this).removeAttr("checked");
        } else {
            $(this).attr("checked", "checked");
        }
    });
    return false;
});