jquery如何根据多选框name来获得选中的值。

根据多选框name来获得选中的值可用如下 jquery代码实现

$("input:checkbox[name='test']:checked")each(function() { // 遍历name=test的多选框

  $(this)val();  // 每一个被选中项的值

});

实例演示：给出两组多选框，点击按钮后分别获得两组中被选择的项目

示例代码如下

创建Html元素

<div class="box">

<span>请输入用户名，限定字母、数字或下划线的组合：</span><br>

<div class="content">

<span>水果：</span><br>

<input type="checkbox" name="fruit" value="梨子"/>梨子

<input type="checkbox" name="fruit" value="李子"/>李子

<input type="checkbox" name="fruit" value="栗子"/>栗子

<input type="checkbox" name="fruit" value="荔枝"/>荔枝<br>

<span>蔬菜：</span><br>

<input type="checkbox" name="vegetable" value="青菜"/>青菜

<input type="checkbox" name="vegetable" value="萝卜"/>萝卜

<input type="checkbox" name="vegetable" value="土豆"/>土豆

<input type="checkbox" name="vegetable" value="茄子"/>茄子

</div>

<input type="button" value="提交">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='checkbox']{margin:5px;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

// 设置属性值

$("input:button")click(function() {

var fruit = "";

var vegetable = "";

$("input:checkbox[name='fruit']:checked")each(function() {

fruit += $(this)val() + " ";

});

$("input:checkbox[name='vegetable']:checked")each(function() {

vegetable += $(this)val() + " ";

});

alert("已选择水果："+fruit+"，已选择蔬菜："+vegetable);

});

})

观察效果

其实有一个非常简单的方法，那就是在那几个相同name的标签里面加上一个相同的类。你可以在标签里面写几个类的如：<div class="fdiv tdiv mdiv"></div>;就可以了在调用

$('fdiv')就可以了啊

1、通过标签过滤器获取select对象组

var sels = $('select');//根据select标签获取所有的select标签

2、通过jquery的过滤器返回的数组长度获取select的数量

var len = selslength;//通过length属性获取select的数量

语句函数：val()；

假设一个input代码：

JS代码如下：

运行结果：

扩展资料：

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。

使用函数设置 Value 属性的值:

$(selector)val(function(index,oldvalue))

规定返回要设置的值的函数：

index - 可选。接受选择器的 index 位置。

oldvalue - 可选。接受选择器的当前 Value 属性。

参考资料：

jquery--val()

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：。

var a = [];

$('option[selected="1"]')each(function () {

apush($(this)text())

});

$('body')append(ajoin(','));

3、浏览器运行indexhtml页面，此时被选出来的值被放入一个数组并打印了出来。

可以使用：jQuery 属性 *** 作 - attr() 方法

attr() 方法的定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数，其工作方式也有所差异。

使用attr() 方法返回属性值

语法：$(selector)attr(attribute)。attribute

规定要获取其值的属性。

使用attr() 方法设置属性/值

语法$(selector)attr(attribute,value)。attribute规定属性的名称，value 规定属性的值。 

实例

// 改变图像的 width 属性：

$("button")click(function(){  $("img")attr("width","180");});

//获取select标签自定义属性 data-val的值

$("select")eq(0)attr("data-val")

以上就是关于jquery如何根据多选框name来获得选中的值。全部的内容，包括:jquery如何根据多选框name来获得选中的值。、请问jquery如何获得页面中name相同元素，有input也有a也有td他们name相同、jquery怎么取得select的数量等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！