jquery 获取checkbox 选中的值

news/2024/7/10 23:43:34 标签: jquery, html

首先是html部分

<!DOCTYPE HTML>
<html>  
<head>
    <script type="text/javascript" src="../js/html" title=jquery>jquery-1.3.2.js"></script>  
    <script type="text/javascript" src="../js/common.js"></script>  

</head> 
<body>
    <form>
        <table class="table table-sort table-responsive">
            <thead>
                <tr class="text-c">
                    <th width="20"><input class="check_all" name="" type="checkbox"></th>
                </tr>
            </thead>
            <tbody>         
                <tr class="text-c">
                    <td><input class="ids" name="id" type="checkbox" value="1"></td>
                    <td><input class="ids" name="id" type="checkbox" value="2"></td>
                    <td><input class="ids" name="id" type="checkbox" value="3"></td>
                    <td><input class="ids" name="id" type="checkbox" value="4"></td>
                    <td><input class="ids" name="id" type="checkbox" value="5"></td>
                    <td><input class="ids" name="id" type="checkbox" value="6"></td>
                    <td><input class="ids" name="id" type="checkbox" value="7"></td>
                    <td><input class="ids" name="id" type="checkbox" value="8"></td>
                </tr>
            </tbody>
        </table>
    </form>
</body>

js部分

$(function(){
    var ids= {};
    $('input[name=id]').each(function(i) {
        ids[i] = $(this).val();
    });
    data['id'] = ids;
    //后续添加ajax操作
    $.post(url, data, function(result) {
        //回调操作
    }); 
});

http://www.niftyadmin.cn/n/1395076.html

相关文章

ACM大量习题题库

ACM大量习题题库 ACM大量习题题库 现在网上有许多题库&#xff0c;大多是可以在线评测&#xff0c;所以叫做Online Judge。除了USACO是为IOI准备外&#xff0c;其余几乎全部是大学的ACM竞赛题库。 USACO http://ace.delos.com/usacogate 美国著名在线题库&#xff0c;专门为信息…

Ubuntu 搭建LNMP环境并支持thinkphp框架

环境&#xff1a;ubuntu 16.04 1、快速安装NMP&#xff1a; 1.1 apt-get update 更新源列表 1.2 apt-get install nginx 安装nginx&#xff1b;dpkg -S nginx 命令可以搜索 nginx相关文件&#xff0c;Nginx的安装路径为/etc/nginx&#xff1b;其配置文件nginx.conf也是在该目…

基于C的文件操作(转)

2019独角兽企业重金招聘Python工程师标准>>> 基于C的文件操作 在ANSI C中&#xff0c;对文件的操作分为两种方式&#xff0c;即流式文件操作和I/O文件操作&#xff0c;下面就分别介绍之。 一、流式文件操作这种方式的文件操作有一个重要的结构FILE&#xff0c;FILE在…

Vue 将数据库中带html标签的内容输出 (原始 HTML(Raw HTML))

原始 HTML(Raw HTML) 双花括号语法&#xff0c;会将数据中的 HTML 转为纯文本后再进行插值。为了输出真正的 HTML&#xff0c;你需要使用 v-html 指令&#xff1a; <p>使用双花括号语法&#xff1a;{{ rawHtml }}</p> <p>使用 v-html 指令&#xff1a;<…

PHP面试题总结

概念篇 协议部分 1. TCP/UDP区别 TCP TCP是一种面向连接的、可靠的、基于字节流的传输层通信协议TCP面向连接&#xff0c;提供可靠地数据服务TCP首部开销20字节TCP逻辑通信信道是全双工的可靠信道TCP连接只能是点到点的 UDP UDP是参考模型中一种无连接的传输层协议&#…

编程基本功(一)

【题目一】编写一个程序&#xff0c;在终端输入一个字符&#xff0c;输出它的的ASCII码 1: public class ToAsc 2: { 3: public static void main(String[] args) 4: { 5: Scanner scnew Scanner(System.in); 6: String ssc.nextLine();//扫描器扫描到…

评论系统--开发总结

前言 目前为止&#xff0c;做了两三个项目&#xff0c;有涉及教育的、论坛的、CMS的&#xff0c;每个项目里都有用到评论这个功能&#xff0c;所以我就想把评论这一块&#xff0c;单独拿出来&#xff0c;做成一个组件化的模块。既节约了开发的工作&#xff0c;还能让自己对这个…

转自51CTO的帖子——宅男程序员给老婆的计算机课程

在51CTO上闲逛的时候&#xff0c;看了这个系列的帖子。感觉不错&#xff0c;特转发于此&#xff0c;留做纪念。 原文链接&#xff1a; 宅男程序员给老婆的计算机课程之0&#xff1a;认清本质 宅男程序员给老婆的计算机课程之1&#xff1a;认清实际 宅男程序员给老婆的计算机课程…