兼容点击li选择复选框&&点击复选框本身选中复选框

最新推荐文章于 2021-03-02 13:42:11 发布

weixin_30764771

最新推荐文章于 2021-03-02 13:42:11 发布

阅读量485

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangtiantian/p/4988154.html

本文介绍了一个JavaScript函数，用于处理用户点击事件并改变复选框的状态。该函数可以区分用户是直接点击列表项还是点击其内的复选框，并相应地更新复选框的状态及隐藏域的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
*获取当前点击的对象名称
*1.参数obj:当前对象
*1.参数type:1-当用户点击li,2-当用户点击复选框
*/
function obtainObjName(obj, type) {

    if (type == 1) {
        if ($("#checkLi").val() == "用户单击复选框") {
            //清空隐藏域
            $("#checkLi").val("");
        }
        else {
            if ($(obj).children().children().is(':checked')) {
                $(obj).children().children().attr("checked", false);
            }
            else {
                $(obj).children().children().attr("checked", true);
            }
        }
    }
    else if ($(obj).val() != null) {
        //隐藏域赋值
        $("#checkLi").val("用户单击复选框");
        if ($(obj).is(':checked')) {
            $(obj).attr("checked", false);
        }
        else {
            $(obj).attr("checked", true);
        }
    }
}