jQuery如何获取checkbox中的value值

大体思路就是把你要的checkbox的元素遍历一下，然后取当前的value值，要使用jq内置的val()方法，代码如下：

<form onsubmit="return false;">

<input type="checkbox" value="三人行慕课1(3mooccom)" name="check">三人行慕课1</input>

<input type="checkbox" value="三人行慕课2(3mooccom)" name="check">三人行慕课2</input>

<input type="checkbox" value="三人行慕课3(3mooccom)" name="check">三人行慕课3</input>

<input type="checkbox" value="三人行慕课4(3mooccom)" name="check">三人行慕课4</input>

<input type="checkbox" value="三人行慕课5(3mooccom)" name="check">三人行慕课5</input>

<button>选中是谁</button>

</form>

<script src="引入jqueryjs"></script><script type="text/javascript">$(function(){ $("button")click(function(){ $each($('input:checkbox:checked'),function(){ consolelog( $(this)val() ); }); })})</script>

A、prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时，则返回第一个匹配元素的值。

当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。

提示：如需检索 HTML 属性，请使用 attr() 方法代替。

提示：如需移除属性，请使用 removeProp() 方法。

B、val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数，则返回被选元素的当前值。

C、removeAttr() 方法从被选元素中移除属性。

D、设置或返回匹配元素的样式属性

故，此题选择A

获取name为test的input文本框中的内容的jQuery代码为：

$("input:text[name='test']")val()；

jQuery提供了三个简单实用的用于获取元素内容的方法：

text() —— 设置或返回所选元素的文本内容

html() —— 设置或返回所选元素的内容（包括 HTML 标记）

val() —— 设置或返回表单字段的值

因为input属于表单元素，所以获取其内容使用的是val()方法。

jquery获取classname的方法。

如下参考：

1．首先，打开桌面上的jquery图标，打开软件，创建一个新的HTML文档，并指定元素的ID。

2．编写JS脚本，根据ID选择元素，如下图所示。

3．使用．val（）方法获取被选元百素的value值，如下图。

4．以d出窗口的形式显示得到的输入值。

5．保存文件并在浏览器中查看结果。

获取对象后，调用如下方法：

function allPrpos(obj) {

// 用来保存所有的属性名称和值

var props = "";

// 开始遍历

for(var p in obj){

// 方法

if(typeof(obj[p])=="function"){

// obj[p]();

}else{

// p 为属性名称，obj[p]为对应属性的值

props+= p + "=" + obj[p] + ""t";

}

}

// 最后显示所有的属性

alert(props);

}

获取值：

文本框，文本区域：$("#txt")attr("value")；

多选框checkbox：$("#checkbox_id")attr("value")；

单选组radio： $("input[@type=radio][@checked]")val();

下拉框select： $('#sel')val();

控制表单元素：

文本框，文本区域：$("#txt")attr("value",'');//清空内容

$("#txt")attr("value",'11');//填充内容

多选框checkbox： $("#chk1")attr("checked",'');//不打勾

$("#chk2")attr("checked",true);//打勾

if($("#chk1")attr('checked')==undefined) //判断是否已经打勾

单选组radio： $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select： $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option

$("#sel")empty()；//清空下拉框

以上就是关于jQuery如何获取checkbox中的value值全部的内容，包括:jQuery如何获取checkbox中的value值、在JQuery中,课用于获取元素属性值的方法是、怎样用jquery获取文本框中文本内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！