DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> Javascript實現全選並賦值給文本框代碼
Javascript實現全選並賦值給文本框代碼
編輯:JavaScript綜合知識     

   網上有很多的全選、賦值的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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved