您的位置：首页 > Web前端 > JavaScript

用javascript动态生成复选框【】

2007-08-29 11:03 399 查看
选中下拉框中的值，动态生成一个复选框，值为下拉框中被选中的值

取消复选框的被选中状态，同时该复选框也删除

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

<script>

function clearbox(v)

{

document.body.removeChild(v);

}

function addCheckbox(v)

{

if(v!="0")

{

var str="<input title="+v+" type=checkbox checked onclick=clearbox(this) value="+v+">";

var newCheckbox = document.createElement(str);

document.body.insertBefore(newCheckbox);

document.all("select").value="0";

}

}

</script>

</HEAD>

<BODY>

<select name="select" onclick="addCheckbox(this.value)">

<option value='0'>请选择</option>

<option value='值1'>选项1</option>

<option value='值2'>选项2</option>

<option value='值3'>选项3</option>

<option value='值4'>选项4</option>

<option value='值5'>选项5</option>

<option value='值6'>选项6</option>

</select>

</BODY>

</HTML>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航