简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - JS中如何替换掉<p>标签中的内容 请大神指教
为情所困
为情所困 2017-05-19 10:34:25
0
7
513
<p 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>
    </p>
    <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 内容 求大神指导 我的代码不起作用

为情所困
为情所困

全部回复(7)
淡淡烟草味
淡淡烟草味2017-05-19 10:36:25 7 楼

var oBox = document.getElementsByTagName("p");

雷雷

点赞 +0
添加回复
左手右手慢动作
左手右手慢动作2017-05-19 10:36:25 6 楼

雷雷

点赞 +0
添加回复
小葫芦
小葫芦2017-05-19 10:36:25 5 楼

雷雷

点赞 +0
添加回复
漂亮男人
漂亮男人2017-05-19 10:36:25 4 楼

你要替换的是input的value不是p的value，获取到每个input

点赞 +0
添加回复
習慣沉默
習慣沉默2017-05-19 10:36:25 3 楼

你的代码是没有大问题的，不需要大改动
pArray[i].innerHTML =radioObj.name+""; 把value改成innerHTML就可以了

点赞 +0
添加回复
我想大声告诉你
我想大声告诉你2017-05-19 10:36:25 2 楼

雷雷

点赞 +0
添加回复
小葫芦
小葫芦2017-05-19 10:36:25 1 楼

你好，在你的提问中，是想替换掉 <input> 标签后面的文本，而不是标签的 value 值。
所以，你使用 pArray[i].value =radioObj.name+""; 是不正确的。
下面是我给出的代码，仅供参考：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
    <p 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>
    </p>
    <button class="blueBtn" onclick="init()">替换</button>
</body>
<script>
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].innerHTML = /\<.*\>/.exec(pArray[i].innerHTML)[0] + '&nbsp;' + radioObj.name;
    }
}
</script>

</html>
点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！