click事件

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;
});