Jquery checkbox 选择问题.

霜寒月冷 2016-04-30 08:27:08

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

</head>

<body>

    <span class='yuan'>数学:3000<input name='kemu' class="jscheck" type='checkbox' title="no2" value="111" /></span>

    <span class='yuan'>语文:1000<input name='kemu' class="jscheck" type='checkbox' title="no1"  value="22"   /></span>

    <span class='yuan'>英语:500<input name='kemu' class="jscheck" type='checkbox' title="no3"  value="33"   /></span>

    <input type="button" id="test" />



</body>

</html>



<script type="text/javascript">

    $(document).ready(function () {



    });

    $("#test").click(function () {

        var array = '';

        $('input[name="kemu"]:checked').each(function () {

            array = array + $(this).val()+",";

        });

        alert(array);

    });



</script>

如上代码只能取出 checkbox 里面的 value 值
并不能取得 span 中的文本值，现想是遍历中 span 中的checkbox 被选择则显示 span 中 text 的值。
如果第一、二个checkbox 被选择我需要的结果是:数学:3000,语文:1000

...全文

164 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

孟子E章 2016-04-30

打赏
举报

回复

$(this).parent().attr("cid")

霜寒月冷 2016-04-30

打赏
举报

回复

<span class='yuan' cid="c1">数学:3000<input name='kemu1' class="jscheck" type='checkbox' title="no2" value="111" /></span> <span class='yuan' cid="c2">语文:1000<input name='kemu2' class="jscheck" type='checkbox' title="no1" value="22" /></span> <span class='yuan' cid="c3">英语:500<input name='kemu3' class="jscheck" type='checkbox' title="no3" value="33" /></span> 如果要获得这个cid 里面的值，可以实现么？

霜寒月冷 2016-04-30

打赏
举报

回复

引用 1 楼 net_lover 的回复:

array = array + $(this).parent().text()+","; 就可以了

上述可以实现，还想问下

孟子E章 2016-04-30

打赏
举报

回复

array = array + $(this).parent().text()+","; 就可以了

本课程《HTML必知必会精讲》详细讲述了HTML必备知识点，内容包括：HTML概述、HTML规范、HTML思想、HBuilder工具的介绍和使用、常见标签（字体font标签、加粗b标签、下划线u标签、删除线s标签、字体倾斜i标签、上标sup标签和下标sub标签、注释标签、标题h1标签、水平线hr标签、特殊字符、列表标签）、图片img标签、HTML中的路径问题讨论（绝对路径和相对路径）、pre标签和p标签、超链接a标签、表格table标签、表单form标签（文本输入框text，密码输入框password，单选输入框radio，复选输入框checkbox，文本域textarea，文件上传项file，提交按钮submit，恢复按钮reset，普通按钮button，下拉输入框select，隐藏项hidden）、div和span标签、元标签meta、base标签、link标签、页面框架标签frameset。课程特色：所有内容均详细演示使用步骤和细节，全程手写代码，零基础都可轻松掌握！

本主题是《云客drupal源码分析》的番外篇，在drupal系统中用于支持AJAX API，由于这是一个独立实用的库，因此专门用一个主题介绍简介： jQuery表单库（jquery.form.js库）以jQuery为基础，用于处理表单AJAX提交，使得表单AJAX提交简单、容易，且能完整控制提交过程和处理结果，不需要任何特殊标签辅助，不影响原表单结构，只要使用该库就能使普通表单平滑升级...

jQuery设置CheckBox的几种方式工作记录 1.attr // 设置复选框微勾选状态 $('.my-checkbox').attr('checked', 'checked'); // 设置复选框未选中状态 $('.my-checkbox').removeAttr('checked'); 2.prop // 设置复选框微勾选状态 $('.my-checkbox').p...

本篇教程介绍了jQuery教程之jQuery checkbox(选中和取消选中事件on)，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。<$("#btn_Company").attr("disabled","disabled");$("#agency").on("change",function(){//点击之后如果变成打钩时触发if($(this).at...

今天遇到一个问题，自己想给一个checkbox元素添加toggle事件，发现checkbox点击之后不再有了反应（应该会打上一个“√”）代码如下： $("#margin_check").toggle( function(){ //do something }, function(){ //do something } ) 解决方法：使用click事件，并在函数中判断check

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章