2015-01-15 65 views
-3

的文字我是新來JavaScript.Could有人建議我如何更改標籤的文本在下面的代碼如何編輯標籤

<div class="col-sm-6"> 
    <div class="radio"> 
     <label for="radioabc"> 
      <input id="radioabc" type="radio" value="def" name="input_Radio"> 
      abc 
     </label> 
    </div> 
    <div class="radio"> 
     <label for="radioxyz"> 
      <input id="radioxyz" type="radio" value="pqr" name="input_Radio"> 
      xyz 
     </label> 
    </div> 
</div> 

我想改變文本「ABC」和文本「XYZ」到其他價值。 我很同意將文本'abc'改爲'tvr'。

我已經試過:

$($(".col-sm-6").children()[0]).children().text("tvr"); 

那麼它還會刪除輸入field.whats錯誤的,我的辦法還是請大家提出了一些其他的辦法。

+0

您好,歡迎光臨本站!這對於StackOverflow來說不是一個好問題。我建議您閱讀[整個幫助中心](http://stackoverflow.com/help),並在您遇到特定的與編程相關的問題時回頭。 – admdrew 2015-01-15 18:25:48

+0

你使用jQuery嗎? – Riad 2015-01-15 18:55:40

+0

是里亞德,我正在使用jquery – Jeet 2015-01-15 19:01:10

回答

0

,如果你想通過Javascript功能來改變文字:

var divs = document.getElementsByClassName('radio');//got all nodes in divs 
divs[0].children[0].lastChild.data = "tvr"; // similar for second text...using divs[1] 

JSFIDDLE DEMO

+0

非常感謝Riad。 – Jeet 2015-01-15 19:30:25

+0

很高興幫助。歡迎....請接受,如果它解決了。 – Riad 2015-01-15 19:35:46

0

您可以使用jQuery做很容易:

Example

HTML:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<div class="col-sm-6"> 
    <div class="radio"> 
     <label for="radioabc">abc</label> 
     <input id="radioabc" type="radio" value="def" name="input_Radio" /> 
    </div> 
    <div class="radio"> 
     <label for="radioxyz"> 
     xyz 
     </label> 
     <input id="radioxyz" type="radio" value="pqr" name="input_Radio" /> 
    </div> 
</div> 

的javascript:

<script> 
$(function() { 
    $('label').on('click', function(){ 
    $(this).text('something else'); 
}) 
}); 
</script> 
+0

在我的問題格式輸入包含在標籤。所以請檢查一次你的答案。我試圖改變文字'abc'像$($(「。col-sm-6」)。children()[0])。children()。text(「vgh」);那麼它也會刪除輸入字段。在我的方法中有什麼錯誤? – Jeet 2015-01-15 18:47:26