首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

获取同一div id中具有不同类名的复选框值- jquery mvc

获取同一div id中具有不同类名的复选框值可以通过以下步骤实现:

  1. 使用jQuery选择器选取具有不同类名的复选框。可以使用类选择器(.class)或属性选择器([attribute=value])来选择具有不同类名的复选框。例如,如果有两个类名分别为"checkbox1"和"checkbox2"的复选框,可以使用以下选择器进行选择:
代码语言:txt
复制
var checkbox1Value = $('#divId .checkbox1:checked').val();
var checkbox2Value = $('#divId .checkbox2:checked').val();
  1. 使用:checked选择器选取被选中的复选框。这将返回一个包含被选中复选框的jQuery对象。
  2. 使用.val()方法获取复选框的值。如果复选框有设置value属性,可以使用.val()方法获取其值。

下面是一个示例代码:

代码语言:txt
复制
// 获取具有不同类名的复选框的值
var checkbox1Value = $('#divId .checkbox1:checked').val();
var checkbox2Value = $('#divId .checkbox2:checked').val();

// 输出复选框的值
console.log("复选框1的值:" + checkbox1Value);
console.log("复选框2的值:" + checkbox2Value);

在上述代码中,假设div的id为"divId",并且有两个具有不同类名的复选框,分别为"checkbox1"和"checkbox2"。代码通过选择器选取被选中的复选框,并使用.val()方法获取其值。最后,通过console.log()方法输出复选框的值。

对于以上问题,腾讯云没有直接相关的产品和产品介绍链接地址。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

「jQuery」基础 - 02

因为checked 是复选框的固有属性,此时我们需要利用prop()方法获取和设置该属性。 把全选按钮状态赋值给3小复选框就可以了。 当我们每次点击小的复选框按钮,就来判断。...如果小复选框被选中的个数等于3 就应该把全选按钮选上,否则全选按钮不选。 :checked 选择器 :checked 查找被选中的表单元素。 值 jQuery的文本属性值常见操作有三种:html()、text()、val(),分别对应JS中的 innerHTML 、innerText 和 value 属性。...遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作,就需要用到遍历。...语法1 注意:此方法用于遍历 jQuery 对象中的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。

2.9K20

前端成神之路-02_jQuery

4.当我们每次点击小的复选框按钮,就来判断: 5.如果小复选框被选中的个数等于3 就应该把全选按钮选上,否则全选按钮不选。 6....(详情参考源代码) 1.2. jQuery 文本属性值 ​ jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText...1.2.1 jQuery内容文本值 ​ 常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性,主要针对元素的内容还有表单的值操作...遍历元素 ​ jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作,就需要用到遍历。 语法1 ? ​...3.小的复选框点击: 如果是选中状态,则当前商品添加背景,否则移除背景 4.这个背景,可以通过类名修改,添加类和删除类 ​ 代码实现略。

2.3K10
  • 基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用

    ,传入MVC控制器,获取对应的列表数据,在界面上进行动态绑定即可完成整个处理过程了。...在MVC的后台,我们需要获取用户在前端页面传入的分页条件和表单数据条件,这样我们就可以根据这些参数,获取到对应的数据返回给客户端了。...如对于用户数据来说,我们可以根据用户的组织机构或者角色进行分类,他们两者可以通过树列表进行直观的展示,这样我们在寻找不同类型的用户列表的时候,就很好找了。 ?...,一般情况下,或先选中当前节点,我们也可以在双击的时候,获取对应的节点ID,如下代码所示。...EditViewById(id); }); 也就是可以通过 var id = $(e.target).parents('li').attr('id'); 获取双击的节点ID,获取选择节点的名称则可以通过代码获取

    2.4K50

    学习jQuery?这篇文章就够了

    中包含 DOM 的个数,比如获取页面上 p 元素的个数 p> 问题 2:获取 id 为 username 元素的 value 属性值...在网页中,每个 id 名称只能使用一次[0, 1],class 允许重复使用 [0, n]。 1.1、id 选择器 #id,用法:$(“#myDiv”) 返回值单个元素的组成的集合。...说明:这个就是直接选择 html 中的 id=“myDiv”。 1.2、元素选择器 Element,用法:$(“div”) 返回值元素集合。...说明:这个标签是直接选择 HTML 代码中 class=”myClass” 的元素或元素组(因为在同一 HTML 页面 中 class 是可以存在多个同样值的元素)。...> 问题 1:获取隐藏 input 的 value 属性值, 不能使用根据元素名, 也不能通过给元素加 id 属性,再通过 id 选择器找

    12.3K10

    一文入门jQuery

    文章目录 jQuery概念 快速入门 步骤: JQuery对象和JS对象区别与转换 选择器:筛选具有相似特征的元素(标签) 基本操作学习 事件绑定 入口函数 样式控制:css方法 分类 基本选择器...程序加载更快 导入JQuery的js文件:导入min.js文件 使用 var div1 = $(“#div1”); alert(div1.html()); JQuery对象和JS对象区别与转换 JQuery...基本选择器 标签选择器(元素选择器) 语法: $(“html标签名”) 获得所有匹配标签名称的元素 id选择器 语法: $(“#id的属性值”) 获得与指定id属性值匹配的元素 类选择器 语法: $(“...A[属性名=‘值’]”) 包含指定属性等于指定值的选择器 复合属性选择器 语法: $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器 过滤选择器 首元素选择器 语法: :first 获得选择的元素中的第一个元素...--> 内容 val(): 获取/设置元素的value属性值 属性操作 通用属性操作 attr(): 获取/设置元素的属性 removeAttr():删除属性 prop():获取/设置元素的属性 removeProp

    3.5K20

    jQuery 元素操作

    jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。 一、 遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。...如果想要给同一类元素做不同操作,就需要用到遍历。 语法1 ? 注意:此方法用于遍历 jQuery 对象中的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。...注意:此方法用于遍历 jQuery 对象中的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。...script> 二、 案例:购物车案例模块-计算总计和总额 把所有文本框中的值相加就是总额数量,总计同理。...,不选中移除背景即可 2.全选按钮点击:如果全选是选中的,则所有的商品添加背景,否则移除背景 3.小的复选框点击: 如果是选中状态,则当前商品添加背景,否则移除背景 4.这个背景,可以通过类名修改

    2.6K50

    jQuery的基本操作

    ,文本的处理) 选择器 基本  #id    #id //用于搜索的,通过元素的id属性中给定的值 描述:(查找ID为myDiv的元素) HTML代码: div id="...,div>Malcom John Sinclairdiv>]  :empty //概述 //匹配所有不包含子元素或者文本的空元素 描述 查找所有不包含子元素或者文本的空元素 HTML代码...,select中的option),对于select元素来说,获取选中推荐使用:selected 描述 查找说有选中的复选框元素 HTML代码 jQuery代码: $("img").removeAttr("src") 结果 []   prop //概述 //获取在匹配的元素集合中的第一个元素的属性值...properties 作为属性的"名、值对"对象 key,value 1·属性名称 2·返回属性值的函数·第一个参数为当前元素的索引值·第二个参数为原先的属性值· 参数name描述 选中复选框为,

    7.5K20

    一文玩转jQuery+Ajax

    ,将jQuery转成DOM元素 /* jQuery对象 */ // 通过id选择器获取元素对象 $(#id属性值) var divJquery = $("#mydiv") console.log...属性名称) prop('checked') 获取具有true和false俩个属性的属性值 区别: 如果是固有属性,attr()和prop()均可获取 如果是自定义属性,attr()可获取,prop()...方法 说明 html() 获取元素的html内容(非表单元素) html("html,内容") 设置元素的html内容(非表单元素) text() 获取元素的文本内容,不包含html标签 text("text...内容") 设置元素的文本内容,不包含html标签 val() 获取元素的value值(表单元素) val("值") 设定元素的value值(表单元素) 表单元素:文本框text、密码框password...[,eventData]:传递的参数,格式:{名:值,名2:值2} handler(eventObject):该事件触发执行的函数 <!

    4K21

    【JQuery框架】五大选择器“全家桶”详解!!!

    css("backgroundColor","pink"); }); 2、属性选择器 语法:$(“A[属性名=’值’]”) 作用:包含指定属性等于指定值的选择器, // 属性title值等于test的div...","red"); }); 5、奇数选择器 语法:$(“A:odd”) 作用:从0开始计数,获得选择的元素中索引为奇数的元素 // 改变索引值为奇数的 div 元素的背景色为 红色"  id="b5"...; 3、选中选择器 语法:$(“A:checked”) 作用:获得单选/复选框选中的元素 // 利用 jQuery 对象的 length 属性获取复选框选中的个数"  id="b3" $("#b3")....对象的 length 属性获取复选框选中的个数"  id="b3"          $("#b3").click(function () {             var lengths = $(...对象的 length 属性获取复选框选中的个数"  id="b3"/>        jQuery 对象的 length 属性获取下拉框选中的个数

    1.8K20

    jquery选择器用法_jQuery属性选择器

    使用公式:(“#id”) 示例:(“#box”) //获取id属性值为box的元素 2....使用公式:(“element”) 示例:(“div”) //获取所有div元素 3.类名选择器 类选择器是通过元素拥有的CSS类的名称查找匹配的...简单地说类名选择器就是以元素具有的CSS类名称查找匹配的元素。...(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的...div id=”li#db”>liaidbdiv> div id=”lidb(1)”>lilovedbdiv> 如果按照普通方式来获取,例如: (“#li\\#db”); (“#lilovedb

    12.2K30

    21-jQuery基础+选择器

    div> //通过JS的方式获取所有div标签 var divs=document.getElementsByTagName("div"); //通过Jquery...方式获取所有div标签 var $divs=$("div"); //JS对象转化为Jquery对象,直接在变量名前加$()即可 $(divs) //Jquery对象转化为...选择器 用于筛选具有相似特征的元素 基本语法 1....> 基本选择器 标签选择器(元素选择器):获得所有匹配标签名称的选择器 $(“HTML标签名”) ID选择器:获得所有与指定ID值匹配的元素 $(“#ID的属性值”) 类选择器:获得所有与指定类(class...[属性名]”) 属性选择器:选择所有包含对应属性,且属性值与规定相同的元素 $(“A[属性名=’属性值’]”) 复合属性选择器:包含多个属性选择器 $(“A[属性名1=’属性值1’][属性名2=’属性值

    3.4K40

    一个小时学会jQuery

    3.2.1、通过id获取元素 在CSS中经常使用id来控制元素,在jQuery中获取元素时,也使用同样方法。与CSS一样,在id前面加上#号。...在JavaScript中使用document对象的getElemnetById(id)方法来获取元素,在jQuery中则更为简化。...> $("#myDiv").css("border","3px solid red"); 3.2.2、通过类名获取元素 在网页当中,使用class属性引用样式表中的类样式,...在jQuery中,可以获取同一类名的多个HTML元素,编写方式同CSS,即在类名的前面加上点号。...语法:$(".className") 本例通过类名来获取元素,因为使用同一个类样式的元素可能有多个,所以通过类名来获取元素返回的将是一个数组对象,即jQuery中的包装集,然后对此包装集中的元素进行相关操作

    18.6K71

    Web阶段:第五章:JQuery库

    3.JQuery流行程度 jQuery现在已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。...title*='es']").css("background", "#bbffaa"); }); //7.首先选取有属性id的div元素,然后在结果中 选取属性title值 含有'...div> Jquery 的属性操作 html() 跟innerHTML一样。 设置和获取起始标签和结束标签中的内容 text() 跟innerText一样。...设置和获取起始标签和结束标签中的文本 val() 跟value属性一样。 专门用来操作表单项的value属性。...事件的冒泡是指,父子元素同时监听同一个事件。当触发子元素的事件的时候,同一个事件也被传递到了父元素的事件里去响应。 那么如何阻止事件冒泡呢?

    26.3K20

    第51次文章:JQuery高级

    // alert(this.innerHTML) //3.2获取li对象 第二种方式 在回调函数中定义参数 index(索引) element(元素对象) // alert...setTimeout(执行一次定时器) 分析发现JQuery的显示和隐藏动画效果其实就是控制display属性值 使用 show/hide方法来完成广告的显示 (3)代码实现 <!...1、$.fn.extend(object) 增强通过Jquery获取的对象的功能,属于对象级别的插件,例如:$("#id") 我们用一个案例来展示一下插件的使用。如下案例所示: //使用jQuery插件 给jq对象添加2个方法 check()选中所有复选框,uncheck()取消选中所有复选框 //1.定义jQuery的对象插件...所有的jq对象都可以调用该方法 uncheck:function () { //让复选框不选中 this.prop

    3.6K30

    jQuery 属性操作

    jQuery 常用属性操作有三种:prop() / attr() / data() ; 一、元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 元素里面的 href...二、 元素自定义属性值 attr() 用户自己给元素添加的属性,我们称为自定义属性。 比如给 div 添加 index =“1”。 语法 ?...$(function() {            //1. element.prop("属性名") 获取元素固有的属性值            console.log($("a").prop("href...2.因为checked 是复选框的固有属性,此时我们需要利用prop()方法获取和设置该属性。 3.把全选按钮状态赋值给3小复选框就可以了。...4.当我们每次点击小的复选框按钮,就来判断: 5.如果小复选框被选中的个数等于3 就应该把全选按钮选上,否则全选按钮不选。 6.

    1.5K30
    领券