第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

WRAP span-tag圍繞現(xiàn)有的INPUT標簽

WRAP span-tag圍繞現(xiàn)有的INPUT標簽

躍然一笑 2019-04-09 13:15:18
我有一個包含大約50個Radiobutton組的清單。每組有3個按鈕,其值為:是否N / A. 這些組是使用我無法控制的表單工具創(chuàng)建的。我需要在表單中的每個組中將-tag添加到所有單選按鈕中的值為“是”的單選按鈕。僅使用vanilla javascript。我試圖創(chuàng)建一個可以對所有radiobutton組進行排序的javascript。我試圖將這個發(fā)現(xiàn)附加到一個數(shù)組,我可以用它來循環(huán)進行前置操作。請注意,ID和NAME是為我生成的,因此我無法事先知道組名是什么。console.log('start')//var span = document.getElementById("span_id");var inputs = document.getElementsByTagName("input");  console.log('a:',inputs)for (var i = 0; i < inputs.length; ++i) {     if (inputs[i].defaultValue == 'yes') {        var idd = inputs[i].id       var parent = document.getElementById(idd).parentNode;             var p = document.createElement("p");             var span = document.createElement("span");             //parent.append(p);             parent.prepend(span);     }}}getCheckedValue()我在這里有一個最新代碼的小提琴:https://jsfiddle.net/y4vLbtmw/54/問題是我無法讓SPAN標簽環(huán)繞現(xiàn)有標簽。它只在之前或之后附加。如何將標記放置如下:<span class =“green”> [現(xiàn)有代碼] </ span>我是否復(fù)制現(xiàn)有標簽,刪除它然后在新跨度之間重新插入?還是有另一種方式?
查看完整描述

3 回答

?
慕碼人8056858

TA貢獻1803條經(jīng)驗 獲得超6個贊

花了一段時間,但我終于找到了解決方案。


function getCheckedValue(newColor,newValue) {


//var span = document.getElementById("span_id");

var inputs = document.getElementsByTagName("input");


for (var i = 0; i < inputs.length; ++i) {

    if (newValue.localeCompare(inputs[i].value) == 0) {


       var idd = inputs[i].id

   console.log('value:',newValue,inputs[i].value,idd)

      elementToWrap = document.getElementById(idd);

            divWrapper = document.createElement("span");

      divWrapper.setAttribute("class", newColor);


      wrap_single(elementToWrap, divWrapper);

    }

}

}


function wrap_single(el, wrapper) {

    el.parentNode.insertBefore(wrapper, el);

    wrapper.appendChild(el);

}

let divWrapper;

let elementToWrap;


//Run 


getCheckedValue('green','yes');

getCheckedValue('red','no');

getCheckedValue('yellow','n/a');

謝謝您的意見


查看完整回答
反對 回復(fù) 2019-05-17
  • 3 回答
  • 0 關(guān)注
  • 475 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號