Question

JS判断input标签的value值若是等于某个数字就在下面添加span元素？

比如这段代码，判断当value等于37时就在下面添加一个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>

麻烦技术牛人帮帮忙谢谢

Answer 1

方法一：依赖jquery.js
$(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);
}
}

追问

非常感谢您的指导，您的两种方法问我都测试了 都可以使用，非常完美的解决了我的问题，太感激了

追答

客气啦

Answer 2

不知道你做什么功能，可以通过匹配是否等于37对span做显示隐藏，或者用$(selector).html(content)进行html插入

追问

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插入网页链接

追问

不知道是不是写法有问题  我按照您给的方法   没有添加上