2 xiao quande xiao_quande 于 2017.04.21 15:17 提问

jq中替换p标签中的内容 请大神指导
 <div id="rads" class="formStyle selectOrder">
        <p>
             <input type="radio"  name="question" value="oui" checked >选项1
        </p>
        <p>
            <input type="radio"  name="question" value="non" > 选项2
        </p>
        <p>
            <input type="radio"  name="question" value="non" > 选项3
        </p>
    </div>
    <button class="blueBtn" onclick = "init()">替换</button>
 var radioData = [{name:'紧急', value:1}, {name:'重要', value:2}, {name:'普通', value:3}];

function init(){
    for(var  i=0;i<radioData.length;i++){
            var pArray = $("#rads p");
            var radioObj = radioData[i];
            pArray[i].value =radioObj.name+"";

    }

  }

将 选项1 选项2 选项3 换成radioData 中的内容 请大神指教为啥我的JS不起作用

1个回答

showbo
showbo   Ds   Rxr 2017.04.21 15:28
已采纳

你执行init了没有?。。而且代码也有问题

 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script>
<div id="rads" class="formStyle selectOrder">
    <p>
        <input type="radio" name="question" value="oui" checked>选项1
    </p>
    <p>
        <input type="radio" name="question" value="non"> 选项2
    </p>
    <p>
        <input type="radio" name="question" value="non"> 选项3
    </p>
</div>
<button class="blueBtn" onclick="init()">替换</button>
<script>
    var radioData = [{ name: '紧急', value: 1 }, { name: '重要', value: 2 }, { name: '普通', value: 3 }];

    function init() {
        var radios = $("#rads input");
        for (var i = 0; i < radioData.length; i++) {
            var el = radios[i]
            if(el)el.nextSibling.data=radioData[i].name
        }

    }
    init()
</script>
showbo
showbo 回复xiao_quande: init是函数啊,函数申明了没执行肯定不会更新对了,这个很基本的。
7 个月之前 回复
xiao_quande
xiao_quande 谢谢的大神的指导 我的JS是引用JS文件的 我想问一下大神 为什么先先执行一下init() 这个方法?在引用的JS文件中应该怎么先执行init()方法呢?
7 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片