JS判断input标签的value值若是等于某个数字就在下面添加span元素？
<div class="project-rule-select clearfix" id="address">
<div><input type="radio" value="37" name="room"></div>
<div><input type="radio" value="38" name="room" ></div>
</div>
最后要实现这样的这样的效果
<div><input type="radio" value="37" name="room">
<span>自定义内容</span>
</div>
麻烦技术牛人帮帮忙谢谢
最新回答
你的眼里有星星
2024-09-15 07:20:57
$(function(){
$('input[name="room"]').each(function(){
var me = $(this);
if(me.val() == 37){
me.after('<span>自定义内容</span>');
}
});
});
方法二：DOM实现
var obj = document.getElementsByName('room');
for(var i in obj){
var item = obj[i];
if(item.value == 37){
var span = document.createElement('span');
span.innerHTML = '自定义内容';
item.after(span);
}
}
追问
非常感谢您的指导，您的两种方法问我都测试了 都可以使用，非常完美的解决了我的问题，太感激了
追答
客气啦
守护在此方
2024-09-15 09:22:11
追问
span是没有的 我就要不会匹配 要怎么匹配成37 然后添加span 谢谢您的回答
追答
给input加个id，然后就可以比较了
var inputValue = document.getElementById("inputID").value;
判断 inputValue == 37
追问
能麻烦您帮忙写完整吗 非常感谢 获取匹配以后如何插入添加span 元素 对js 我实在不是很懂 只懂点皮毛
追答
var inputValue = document.getElementById("inputID").value;
if(inputValue == 37){
$(selector).html("<span>自定义内容</span>")
}
大概就是这样，你可以了解一下html插入
网页链接
追问
不知道是不是写法有问题 我按照您给的方法 没有添加上
热门标签
