Javascript 选中/取消选中所有复选框并将值写入文本区域

Question

这是我的第一个 js 脚本，所以请对我温柔一些:)

问题是当我单击“检查全部”按钮时，所有复选框都会被选中，但它不会将值写入文本区域，如果我单击各个复选框，则会添加/删除值，没关系，我只是卡住了在该选中全部/取消选中全部按钮上。

http://jsfiddle.net/LAcgE/74/

function check(chk) {
    for (i = 0; i < chk.length; i++)
    chk[i].checked = true ;
}

function uncheck(chk) {
    for (i = 0; i < chk.length; i++)
    chk[i].checked = false ;
}

var itemsAdded = Array();

function movetext(text) { 
    var i = itemsAdded.indexOf(text)
    if ( i >= 0) { 
        itemsAdded.splice(i,1); 
    }
    else {
        itemsAdded.push(text);
    }
    document.getElementById("result").value=itemsAdded.join("\n"); 
}

<form action='#' method='post'>

  <input type='checkbox' value='aaa' name="add" onclick='movetext(this.value)'/>a
  <input type='checkbox' value='bbb' name="add" onclick='movetext(this.value)'/>b
  <input type='checkbox' value='ccc' name="add" onclick='movetext(this.value)'/>c
  <input type='checkbox' value='ddd' name="add" onclick='movetext(this.value)'/>d
  <input type='checkbox' value='eee' name="add" onclick='movetext(this.value)'/>e
    
  <input type="button" value="check all" onClick="check(this.form.add)">
  <input type="button" value="uncheck all" onClick="uncheck(this.form.add)">
    
  <textarea id="result" rows="8" cols="40"></textarea>
  <input type="submit" value="Submit">

</form>

Answer 1

用此替换您的选中和取消选中功能

function check(chk) {
    for (i = 0; i < chk.length; i++)
    {
        chk[i].checked = true ;
        movetext(chk[i].value);
    }
}

function uncheck(chk) {
    for (i = 0; i < chk.length; i++)
    {
        chk[i].checked = false ;
        movetext(chk[i].value);
    }
}

您只需手动调用其他方法即可。我在你的 fiddle 中试过了。