灌裝在從複選框

這裏有值的文本框是我到目前爲止的代碼灌裝在從複選框

<head> 

    <script type="text/javascript"> 

    function list(c,n,z) { 
    s=document.form.marktext.value; 
    if (c.checked) { 
    if (s.indexOf(n)<0) s+=', '+n; 
    } else { 
    s=document.form.marktext.value.replace(', '+n,''); 
} 
    z=", "; 
    if (s.substring(2) == z) s=s.substring(2); 
    document.form.marktext.value=s;} 



    function getchecked() { 
     var newtxt = ''; 
     var chkbx = document.getElementsByTagName('input'); 

     for(var i = 0; i < chkbx.length; i ++) 
     { 
      if(chkbx[i].type == 'checkbox' && chkbx[i].checked === true) { 
      if(newtxt.length !== 0) { 
      newtxt += ','; 
      } 
      newtxt += chkbx.innerHTML; 
     } 

    } 

    document.form.marktext.value = newtxt; 

    } 

    </script> 

    </head> 


    <body> 
    <form name="form"> 
    <input type="text" value="" name="marktext"><br> 
    <input type="checkbox" name="mark" value="word" onclick="getchecked()">Word<br> 
    <input type="checkbox" name="mark" onclick="getchecked()">Type<br> 
<input type="checkbox" name="mark" onclick="getchecked()">Other<br> 
    </form> 


    </body>

它幾乎作品，但是當我點擊複選框，我得到在文本框中的「不確定」的標籤，而不是複選框值。我猜這是一個小而笨的東西，但我似乎無法弄清楚。

來源

2011-02-18 TDO

通知該指數上newtxt += chkbx[i].value;而不是newtxt += chkbx.innerHTML;

<head> 

    <script type="text/javascript"> 

    function list(c,n,z) { 
    s=document.form.marktext.value; 
    if (c.checked) { 
    if (s.indexOf(n)<0) s+=', '+n; 
    } else { 
    s=document.form.marktext.value.replace(', '+n,''); 
} 
    z=", "; 
    if (s.substring(2) == z) s=s.substring(2); 
    document.form.marktext.value=s;} 



    function getchecked() { 

     var newtxt = ''; 
     var chkbx = document.getElementsByTagName('input'); 

     for(var i = 0; i < chkbx.length; i ++) 
    { 
     if(chkbx[i].type == 'checkbox' && chkbx[i].checked === true) { 
     if(newtxt.length !== 0) { 
     newtxt += ','; 
     } 
     newtxt += chkbx[i].value; 
    } 

    } 

    document.form.marktext.value = newtxt; 

    } 

    </script> 

    </head> 


    <body> 
    <form name="form"> 
    <input type="text" value="" name="marktext"><br> 

    <input type="checkbox" name="mark" value="word" onclick="getchecked()">Word<br> 
    <input type="checkbox" name="mark" onclick="getchecked()" value="type">Type<br> 
    <input type="checkbox" name="mark" onclick="getchecked()" value="other">Other<br> 

    </form> 


    </body>

但我建議使用jQuery或任何其他JavaScript庫！

來源

2011-02-18 09:11:12

謝謝 - 這些答案對我有幫助。我想我現在已經開始工作了。 – TDO 2011-02-18 09:37:46

propoerty innerHtml不適用於收集文本框標籤。另外，你編碼的方式，這些不是標籤。

看看這個鏈接，我認爲您的解決方案裏面：http://www.webdevelopersnotes.com/tips/html/finding_the_value_of_a_checkbox.php3

來源

2011-02-18 09:03:56 3rgo

改變這一行

newtxt += chkbx.innerHTML;

到

newtxt += chkbx[i].nextSibling.data;

<input>沒有一個innerHTML的，但它有一個兄弟 - 它旁邊的文本節點。你可能想要顯示這個文本節點的「內容」。（注意：你的輸出是「undefined」，因爲你在陣列上調用了innerHTML而不是在<input>節點上）

來源

2011-02-18 09:32:54

灌裝在從複選框

回答

相關問題