首页
学习
活动
专区
工具
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.8K20

前端成神之路-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
  • 基于MetronicBootstrap开发框架经验总结(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方法 分类 基本选择器...程序加载更快 导入JQueryjs文件:导入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代码: Malcom John Sinclair]  :empty //概述 //匹配所有包含子元素或者文本空元素 描述 查找所有包含子元素或者文本空元素 HTML代码...,selectoption),对于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等于testdiv...","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"/>        <input type="button" value=" 利用 <em>jQuery</em> 对象<em>的</em> length 属性<em>获取</em>下拉框选中<em>的</em>个数

    1.7K20

    21-jQuery基础+选择器

    //通过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.5K71

    JavaWeb——JQuery之五种选择器应用及实践案例总结(基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器)

    ---- 选择器,就是用来筛选具有相似特征元素(标签)。...2.3 属性选择器 属性选择器包括三类: 1)属性名称选择器:$("A[属性]"),包含指定属性选择器 2)属性选择器:$("A[属性= ‘’]"),包含指定属性等于指定选择器 3)复合属性选择器...:$("A[属性= ‘’][]...")...对象 length 属性获取复选框选中个数 $("#b3").click(function () { alert($("input[type... 元素" id="b2"/> <input type="button" value=" 利用 <em>jQuery</em> 对象<em>的</em> length 属性<em>获取</em><em>复选框</em>选中<em>的</em>个数" id="b3"

    4.6K30

    Web阶段:第五章:JQuery

    3.JQuery流行程度 jQuery现在已经成为最流行javascript库,在世界前10000个访问最多网站,有超过55%在使用jQuery。...title*='es']").css("background", "#bbffaa"); }); //7.首先选取有属性iddiv元素,然后在结果 选取属性title 含有'... 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
    领券