<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中?
注意只合并选中状态的,请高手指教,谢谢!
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>