js-获取前台标签多选的值

最新推荐文章于 2021-09-18 14:50:38 发布

转载最新推荐文章于 2021-09-18 14:50:38 发布 · 473 阅读

文章标签：

#遍历

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的多选删除功能，通过遍历指定的元素集合并检查其中被选中的项来收集要删除的数据ID。收集完成后，利用Ajax发送POST请求到服务器端的指定URL以执行删除操作，并在成功后刷新页面。

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

代码示例：

//多选删除
$('#del').click(function(){
    var vstf='';
    //遍历area_ul
    $('.area_ul').each(function(){
        //查找所有被选中的name为classification_id的input
        if($(this).find("input[name='classification_id']").is(':checked')){
            //获取input的值
            var zhi = $(this).find('input').val();
            //将值赋予
            vstf =vstf+zhi+","; 
            alert(vstf);
        }
    });
    $.ajax({
        type: 'POST',
        url:'/index.php/Admin/Scl/del_ajax',
        data:"id="+vstf,
        success:function(data){
            location.reload();
        }
    });

});