`
465886163
  • 浏览: 13627 次
  • 性别: Icon_minigender_1
  • 来自: 龙南
社区版块
存档分类

省市级联,动态的把省份下面的市区用checkbox排列出来

阅读更多
大家看看有什么问题,我在删除之前的input结点时,不能全部删除
<script type="text/JAVAscript">
<!--
var values = new Array();
values[0] = new Array("1", "2", "3", "4", "5", "6", "7", "8", "9");
values[1] = new Array("a", "b", "c", "d", "e", "f", "g", "h");
function setMultiple(val) {
	var checkBox;
	var checkboxDiv=document.getElementById("checkbox");
	//checkboxDiv.style.display="none";
	//alert(values[val].length);
	input = checkboxDiv.getElementsByTagName("input");
	for(var i = 0; i < input.length; i++){
		//input[i].parentNode.removeChild(input[i]);
		checkboxDiv.removeChild(input[i]);
	}

	
    for (var i = 0; i < values[val].length; i++) {
        //alert(i);
        //alert(checkboxDiv.getElementsByTagName('input').length);
       
        checkBox = document.createElement("input"); 
 		checkBox.type = "checkbox";
 		checkBox.name = "name";
        
	    checkboxDiv.appendChild(checkBox);
	    checkboxDiv.appendChild(document.createTextNode(values[val][i]));
	    
		//checkboxDiv.style.display="block";
    }    
}
-->
</script>

 

<body>
<div id="div_parent">
<select onchange="setMultiple(this.value);"><option value=0>--00--</option><option value=1>--11--</option></select>
</div>
<div id="checkbox"></div>
</body>

 

分享到:
评论
2 楼 465886163 2010-08-26  
晕死,那么麻烦
把checkboxDiv.innerHTML="";就可以了
真笨
1 楼 465886163 2010-08-26  
<script type="text/JAVAscript">
<!--
var values = new Array();
values[0] = new Array("1", "2", "3", "4", "5", "6", "7", "8", "9");
values[1] = new Array("a", "b", "c", "d", "e", "f", "g", "h");
var resultstr = "";
function setMultiple(val) {
	var checkBox;
	var checkboxDiv=document.getElementById("checkbox");
	//checkboxDiv.style.display="none";
	//alert(values[val].length);
	input = checkboxDiv.getElementsByTagName("input");
	alert(input.length);
	for(var i = 0; i < input.length; i++){
		//input[i].parentNode.removeChild(input[i]);
		//checkboxDiv.removeChild(input[i]);
		input[i].style.display="none";
	}

	
    for (var i = 0; i < values[val].length; i++) {
        //alert(i);
        //alert(checkboxDiv.getElementsByTagName('input').length);
       	resultstr=resultstr+"<input type='checkbox' name='cbox' value='"+values[val][i]+"'>"+values[val][i]
	    
		//checkboxDiv.style.display="block";
    }    
	    checkboxDiv.innerHTML=resultstr;
}
-->
</script>

相关推荐

    js实现checkbox级联选择

    使用javascript实现checkbox级联选择

    循环动态判断checkbox是否被选中

    在ASP.NET Web应用程序开发中,尤其是在使用C#作为后端语言时,动态地判断一个或多个`Checkbox`控件的状态是非常常见的需求。这种需求通常出现在表单验证、用户选项设置等功能模块中。下面我们将详细探讨如何通过...

    MFC动态创建COMBOX控件以及CHECKBOX控件

    MFC实现动态创建COMBOX控件以及CHECKBOX控件的例子,还有在类里头创建线程的应用

    layui动态禁用checkbox.rar

    总结来说,layui table的复选框功能可以通过列定义中的`checkbox`属性开启,通过监听`checkbox`事件和使用`checkAll`、`uncheckAll`接口进行动态控制。在处理全选时,需要注意排除已被禁用的行,以确保用户体验的...

    Flex动态生成checkbox组

    在描述中提到的“用循环动态生成checkbox组”,就是通过ActionScript中的循环结构,如for或while循环,来创建并添加多个Checkbox实例到舞台。 首先,我们需要理解Checkbox类。Checkbox是Flex提供的一个控件,用于让...

    Delphi动态创建和载入CheckBox控件.rar

    在Delphi编程环境中,动态创建和载入CheckBox控件是一项基本但重要的技能,尤其是在构建复杂的用户界面时。这个示例项目“Delphi动态创建和载入CheckBox控件”旨在帮助初学者理解如何在运行时根据需求创建控件,并且...

    动态获取recyclerView中CheckBox的值

    ### 动态获取RecyclerView中CheckBox的值 在Android开发中,`RecyclerView`是用于展示大量数据集合的一个常用组件。为了实现列表项中的CheckBox选中状态的动态获取,并将这些状态反馈给Activity或Fragment进行处理...

    遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList代码

    ### 遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList #### 知识点一:CheckBoxList概述及应用场景 **CheckBoxList** 是ASP.NET Web Forms中一个非常有用的控件,它允许用户选择一个或多个选项。CheckBoxList...

    C#_winform_动态生成RadioButton和CheckBox并获取选中值

    C#的winform是没有webform的RadioButtonList和CheckBoxList这两个...要实现从数据库取出数据后动态生成N个RadioButton和CheckBox并获取选中项目的值,请看本例。思路很简单,有问题请指出,相互学习共同进步,谢谢。

    flex动态生成checkbox

    flex动态生成checkbox,方便多项选择维护更新

    ExtJS实现动态读写Checkboxgroup

    若想动态写入CheckboxGroup,即改变其状态,可以使用`setValue()`方法,传入一个与`getValue()`相同格式的数组: ```javascript checkboxGroup.setValue(['2', '3']); ``` 上述操作会根据提供的inputValue值选中...

    PB 11.5 CheckBox三种状态的实例

    在PowerBuilder中,我们可以使用SetState方法来改变CheckBox的状态。 2. 设置CheckBox的状态: - 未选中状态:这是CheckBox的初始状态,可以通过调用SetState方法并传入0作为参数来设置。 - 已选中状态:当用户...

    checkbox的应用示例

    在动态交互中,JavaScript和jQuery可以用于监听Checkbox状态变化,执行相应操作。例如,获取选中状态,添加事件监听器: ```javascript let checkbox = document.getElementById('exampleCheckbox'); checkbox....

    android CheckBox的使用

    本教程将深入讲解如何在Android应用中有效地使用CheckBox。 首先,我们需要理解CheckBox的基本概念。CheckBox在XML布局文件中通常以`&lt;CheckBox&gt;`标签定义,其基本结构如下: ```xml &lt;CheckBox android:id="@+id/...

    动态替换checkbox

    在网页设计中,为了提升用户体验和界面美观度,开发者经常会对一些常见的HTML元素进行自定义,比如本例中的“动态替换checkbox”。这个功能的核心在于利用JavaScript或者CSS来改变默认的checkbox样式,将其替换为...

    Delphi Checkbox in StringGrid 使用

    本文将深入探讨如何在 Delphi 的 StringGrid 中使用 Checkbox,并提供相关的编程技巧。 1. **添加 Checkbox 到 StringGrid** 首先,你需要在 StringGrid 的特定单元格中添加 Checkbox 控件。这可以通过在 ...

    cxGrid动态附加CheckBox选择、求和、操作过滤及定位记录.rar

    为cxGrid动态附加非绑定(无字段关联)的CheckBox列,以提供用户选择,并对操作者的选择进行求和输出;代码中牵涉到用语句对cxGrid过滤、过滤后的记录关联(定位)数据集数据。如有问题,欢迎到“中国软件研发联盟”...

    H5中点击checkbox动态显示table

    在H5页面中,"点击checkbox动态显示table"是一个常见的交互功能,特别是在B2B(Business to Business)场景下,例如模拟淘宝店家定义商品的SKU(Stock Keeping Unit,库存量单位)设置。这个功能允许用户通过勾选...

    本示例实现利用 XML 布局文件动态创建CheckBox

    本示例将详细介绍如何利用XML布局文件动态创建CheckBox。 首先,我们了解XML布局文件的基本结构。在Android中,每个XML布局文件通常包含一个根视图(如LinearLayout、RelativeLayout或ConstraintLayout)以及嵌套在...

    Android 多行多列CheckBox

    当需要在界面上展示大量的CheckBox,并且需要以网格形式排列时,就需要实现多行多列的布局。下面将详细讲解如何实现这一功能。 1. **布局设计** - 使用`GridLayout`:Android原生的GridLayout可以方便地实现多行多...

Global site tag (gtag.js) - Google Analytics