jquery获取标签的值,jquery获取属性的值

JQuery获取Label标签的值

直接获取label对应的input对象就行，因为label会触发其对应的input对象，触发形式有两种，你这里用label将input对象包裹起来的写法是隐式触发，另一种显示触发是为label加上for属性，属性值指向input对象的id，无论采取哪种方法，label标签的点击事件都会传递到input对象上，所以这里可以这样获取：

// 点击触发，获取当前点击那个值就行

$('.btn-group.btn-overlap.btn-corner').find(':radio').click(function() {

console.log($(this).val());

})

// 直接获取，获取哪个选中

var rdovalue = $('.btn-group.btn-overlap.btn-corner').find(':radio:checked').val();

console.log(rdovalue);

相关问答

Q1: jquery怎么获取html文件的某个标签的值

jquery获取html文件的某个标签的值可以先用选择器，再调用val方法：

1、html代码如下：

div id ="sa"

div class="something"Hello world/div

div class="formdiv"

form name="inpForm"

input type="text" name="FirstName" /

input type="submit" value="Submit" /

/form

/div

/div

2、用jquery选择器获取标签的值：

var text = $('#sa').find('input[name="FirstName"]').val();

3、获取到FirstName的值：

zhangsan

Q2: 怎么使用jquery获得标签的值或元素的内容

jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid").text(); // 首选，获取label的文本

$("label#userid").html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

创建Html元素

div class="box"

span点击按钮获取label中内容：/spanbr

div class="content"

label id="userid"输入用户名/labelinput type="text"

/div

input type="button" value="获取label中的内容"

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.box span{color:#999;font-style:italic;}

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

h3{display:inline-block;}

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

编写jquery代码

$(function(){

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

alert($("label#userid").text());

});

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

alert($("label#userid").html());

});

})

观察效果

使用text()方法获取标签内的内容

Q3: jQuery怎样获取并且修改P标签内的值

可以先使用jQuery选择器将p标签选中，然后用html()函数修改p标签内容。

1、新建html文档，在body标签中添加一个p标签，标签的id设为“demo”并添加一段文字，然后引入jQuery：

2、添加script标签，使用jQuery选择器$("#demo")将p标签获取，其中#标签选择的类型是id，demo指的是需要获取标签的id，这时网页中的p标签就会被选中：

3、使用html()函数，html()函数在原生js中指的是innerHTML，表示修改内容，这时在html()函数中填写需要修改后的文本即可：