十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
直接获取label对应的input对象就行,因为label会触发其对应的input对象,触发形式有两种,你这里用label将input对象包裹起来的写法是隐式触发,另一种显示触发是为label加上for属性,属性值指向input对象的id,无论采取哪种方法,label标签的点击事件都会传递到input对象上,所以这里可以这样获取:
目前创新互联公司已为1000+的企业提供了网站建设、域名、网络空间、网站托管、企业网站设计、鹤庆网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
// 点击触发,获取当前点击那个值就行
$('.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);
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
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()方法获取标签内的内容
可以先使用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()函数中填写需要修改后的文本即可: