如何使用JavaScript更改標簽值

Question

我想在復選框單擊事件下，將標簽下面的標簽值從“ 0”更改為“謝謝”。

<input type="hidden" name="label206451" value="0" />
<label for="txt206451" class="swatch_text" >Chestnut Leather</label>
<input type="checkbox" name="field206451" class="swatch_check" id="txt206451" value="SELECTED"/>

Javascript如下。

var cb = document.getElementById('field206451');
var label = document.getElementById('label206451');
cb.addEventListener('click',function(evt){
    if(cb.checked){
        label.value='Thanks';
    }else{
        label.value='0';
    }
},false);

但這是行不通的。 任何的想法？

Answer 1

很簡單的

$('#label-ID').text("label value which you want to set");

Answer 2

這將在Chrome中運行

// get your input
var input = document.getElementById('txt206451');
// get it's (first) label
var label = input.labels[0];
// change it's content
label.textContent = 'thanks'

但是看完之后， 標簽似乎並沒有得到廣泛支持 。

---

您可以使用querySelector

// get txt206451's (first) label
var label = document.querySelector('label[for="txt206451"]');
// change it's content
label.textContent = 'thanks'

Answer 3

您在document.getElementById()獲取name您的cb應該是txt206451 （ ID Attribute ）而不是name屬性。

要么

您可以通過document.getElementsByName()獲得它

var cb = document.getElementsByName('field206451')[0]; // First one

要么

var cb = document.getElementById('txt206451');

為了將值設置為隱藏，請使用document.getElementsByName() ，如下所示

var cb = document.getElementById('txt206451');
var label = document.getElementsByName('label206451')[0]; // Get the first one of index
console.log(label);
cb.addEventListener('change', function (evt) { // use change here. not neccessarily
    if (this.checked) {
        label.value = 'Thanks'
    } else {
        label.value = '0'
    }
}, false);

演示小提琴

Answer 4

嘗試

使用一個id為隱藏字段和使用ID checkbox中的JavaScript。

並也更改ClientIDMode="static"

<input type="hidden" ClientIDMode="static" id="label1" name="label206451" value="0" />

   <script type="text/javascript"> 
    var cb = document.getElementById('txt206451');
    var label = document.getElementById('label1');
    cb.addEventListener('click',function(evt){
    if(cb.checked){
        label.value='Thanks'
    }else{
        label.value='0'
    }
    },false);
    </script>

Answer 5

根據您的代碼，我創建了這個小提琴
您需要使用

var cb = document.getElementsByName('field206451')[0];
var label = document.getElementsByName('label206451')[0];

如果要使用名稱屬性，則必須采用索引，因為它是項列表，而不僅僅是一個項。 其他一切都很好。

Answer 6

希望對其他人有所幫助：使用innerHTML來使用label對象。

  document.getElementById('lableObject').innerHTML = res.FullName;