首頁  >  問答  >  主體

javascript - JS中如何替換掉<p>標籤中的內容 請大神指教

<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 內容 求大神指導 我的程式碼不起作用

为情所困为情所困2689 天前516

全部回覆(7)我來回復

  • 淡淡烟草味

    淡淡烟草味2017-05-19 10:36:25

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

    雷雷

    回覆
    0
  • ringa_lee

    ringa_lee2017-05-19 10:36:25

    雷雷

    回覆
    0
  • 高洛峰

    高洛峰2017-05-19 10:36:25

    雷雷

    回覆
    0
  • 漂亮男人

    漂亮男人2017-05-19 10:36:25

    你要替換的是input的value不是p的value,取得到每個input

    回覆
    0
  • 習慣沉默

    習慣沉默2017-05-19 10:36:25

    你的程式碼是沒有大問題的,不需要大改動
    pArray[i].innerHTML =radioObj.name+""; 把value改成innerHTML就可以了

    回覆
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-19 10:36:25

    雷雷

    回覆
    0
  • 高洛峰

    高洛峰2017-05-19 10:36:25

    你好,在你的提問中,是想替換掉 <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
  • 取消回覆