如何将多个同名checkbox的文字内容(不是值)合并写入到另一个文本框中

<input type="checkbox" name="dm" id="area1" value="200" />北京
<input type="checkbox" name="dm" id="area2" value="235" />上海
<input type="checkbox" name="dm" id="area3" value="180" />广州
<input type="text" name="note" /> <input name="hb" type="button" value="合并" onclick="jdd()" />
<script language="Javascript" type="text/javascript">
function jdd(){
if(document.getElementsByName('dm').checked){
note.value=document.getElementsByName('dm').text

</script>
怎样将前3个名为dm的复选框的文本(北京,上海,广州)合并到文本框note中?
注意只合并选中状态的,请高手指教,谢谢!

第1个回答  2014-05-14
<script>
function jdd(){
var dm = document.getElementsByName('dm');
var res = "", i = dm.length;
while(i){
if(dm[dm.length-i].checked){
res += dm[dm.length-i].getAttribute("textValue");
}
i--;
}
document.getElementById("note").value = res;
}
</script>



</script>

<input type="checkbox" name="dm" id="area1" value="200" textValue="北京"/>北京

<input type="checkbox" name="dm" id="area2" value="235" textValue="上海"/>上海

<input type="checkbox" name="dm" id="area3" value="180" textValue="广州"/>广州

<input type="text" id="note" />       <input name="hb" type="button" value="合并" onclick="jdd()" />

追问

测试了下,不行啊,点合并note的值为NULL,再点合并,就NULLNULL

追答

亲,html也改了

追问

请问,html也改了是什么意思?

追答

注意到,我第一个回答里的html代码也做改动了么

追问

还是不行啊

追答新建一个html页面,把下面的全复制过去,试试。用的什么浏览器?

<!doctype html>
<script>
function jdd(){
var dm = document.getElementsByName('dm');
var res = "", i = dm.length;
while(i){
if(dm[dm.length-i].checked){
res += dm[dm.length-i].getAttribute("textValue");
}
i--;
}
document.getElementById("note").value = res;
}
</script>
<body>
<input type="checkbox" name="dm" id="area1" value="200" textValue="北京"/>北京
<input type="checkbox" name="dm" id="area2" value="235" textValue="上海"/>上海
<input type="checkbox" name="dm" id="area3" value="180" textValue="广州"/>广州
<input type="text" id="note" />       <input name="hb" type="button" value="合并" onclick="jdd()" />
</body>
</html>

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网