Javascript實現(xiàn)全選并賦值給文本框代碼

字號:


    網(wǎng)上有很多的全選、賦值的js方法,但是沒有小編想要的那樣的代碼,既然今天用到了,就把代碼貼出來分享一下。
    js代碼:
    代碼如下:
    <script>
    functionuncheckAll()
    {
    varcode_Values=document.getElementsByName('email');
    vartem=document.getElementById("to").value;
    varbb=document.getElementById('to');
    if(code_Values.length)
    {
    for(vari=0;i<code_Values.length;i++)
    {
    if(code_Values[i].checked)
    {
    code_Values[i].checked=false;
    tem=tem.replace(code_Values[i].value+",","");
    }
    else
    {
    code_Values[i].checked=true;
    tem+=code_Values[i].value+",";
    }
    }
    }
    bb.value=tem;
    }
    < /script>
    tml代碼:
    代碼如下:
    <inputid="to"type="text"class="input"size="60"name="to"value=""/>
    < inputtype="button"class="btn"onclick="javascript:uncheckAll();"value="全選"/>
    <inputtype="checkbox"value="111"name="email"/>&nbsp;&nbsp;111
    < inputtype="checkbox"value="222"name="email"/>&nbsp;&nbsp;222
    < inputtype="checkbox"value="333"name="email"/>&nbsp;&nbsp;333