`

checkbox 多选代码

JSP 
阅读更多
<script type="text/javascript"> 
var buildList = new Object;//创建对象

function build_edit(dom,buildid){//dom为触发该方法的checkbox对象(this),buildid为标识值
	if(dom.checked == true){
		buildList[buildid] = 1;//表示选中
	}else{
		buildList[buildid] = 0;//表示没选中
	}
	fillinbuildList();
}

function fillinbuildList(){//构建选中的checkbox值字符串
	var temp = "";
	for(key in buildList){
		if(buildList[key] == 1 && key != 0){
			temp += key + ",";
		}
	}
	temp = temp.substring(0,temp.length - 1);
	$("#buildList").val(temp);//"buildList"为jsp里一个文本框对象id,文本值为"xxxx,xxxx,xxxx"
}

function ini(){ //该方法为初始化buildList对象的值

	var ids = $("#buildList").val();//初始化时该值应自己从数据库取出
	var builds = ids.split(",");
	for(var i  = 0 ; i < builds.length ; i++){
		buildList[builds[i]] = 1;
	}
}


$("body").ready(ini);

</script>
分享到:
评论

相关推荐

    WPF CheckBox多选的应用

    在Example3.12CheckBox多选的应用示例中,可能包含了如何实现上述功能的代码。这个示例可能包括一个ViewModel类,用于处理数据和多选逻辑,以及一个XAML布局文件,展示了如何在UI中展示CheckBox并实现多选。通过分析...

    ListVIew 实现Checkbox多选

    本文将深入探讨如何在ListView中实现Checkbox多选功能,以及相关的Android编程技巧。 首先,我们需要创建一个自定义的ListView adapter。这个adapter将负责渲染每一项数据,并在每一项中包含一个Checkbox。在Java...

    listview+checkbox 多选

    本篇文章将详细探讨如何在ListView中结合Checkbox实现多选功能。 ### 1. ListView的基本使用 首先,我们需要了解ListView的基础用法。在布局文件中声明ListView,并在Java代码中找到对应的View对象,然后通过...

    angularjs实现的checkbox多选、全选、反选

    在本文中,我们将深入探讨如何使用AngularJS实现一个功能完备的复选框(checkbox)系统,包括多选、全选和反选功能。这个系统的一个关键特性是它完全基于AngularJS,无需依赖其他源数据,因此可以确保原始数据的完整...

    radiobutton 控制checkbox多选(js实现)

    ### radiobutton 控制 checkbox 多选 (js 实现) 在 Web 开发中,表单是与用户交互的重要组成部分。为了实现更加灵活的功能,有时我们需要利用 JavaScript 来控制表单元素的状态,例如通过单选按钮(`...

    CheckBox实现多选、全选、反选功能

    本教程将深入探讨如何使用CheckBox实现多选、全选和反选功能,这对于构建具有选择列表的应用非常关键。 首先,我们从基础开始。CheckBox的用法很简单,通常在XML布局文件中定义: ```xml &lt;CheckBox android:id="@...

    通过在GridView中CheckBox多选的批量删除,经典

    "通过在GridView中CheckBox多选的批量删除"就是一个典型的需求,它涉及到前端交互和后端处理两个主要方面。 前端交互主要是通过在GridView的每一行添加一个CheckBox,让用户可以勾选需要操作的数据项。这需要对...

    jquery checkbox 选中 取消 checkbox多选

    本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 首先,我们需要理解HTML中的`&lt;input&gt;`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...

    自制flash checkbox多选组件

    在本文中,我们将深入探讨如何制作一个自定义的Flash AS3多选组件,特别是基于给定的文件"自制flash checkbox多选组件"。这个组件允许用户在交互式应用程序中进行多选项选择,提供了灵活和可定制的功能。我们将讨论...

    C# 带checkbox的多选下拉框

    "带checkbox的多选下拉框"是一种常见的需求,它允许用户在下拉菜单中通过勾选复选框来选择多个选项。本知识点主要探讨如何在C#中实现这种控件,并将它应用到实际项目中。 首先,我们需要了解基本的Windows Forms...

    html多选下拉框 ,CheckBox的Select组件 可多选的下拉框

    在HTML中,创建一个可多选的下拉框通常涉及到`&lt;select&gt;`元素与`&lt;option&gt;`元素的组合,但为了实现多选功能,我们需要使用`&lt;input type="checkbox"&gt;`和自定义的JavaScript或者利用现代浏览器支持的Web组件技术。...

    Checkbox选定(支持多选)

    创建一个简单的`Checkbox`通常包含以下代码: ```html &lt;input type="checkbox" id="option1" name="options" value="value1"&gt; &lt;label for="option1"&gt;Option 1 ``` `id`属性与`label`标签的`for`属性相匹配,以确保...

    jQuery弹出框checkbox复选框多选代码.zip

    在给定的压缩包"jQuery弹出框checkbox复选框多选代码.zip"中,我们可以看到两个核心文件:`index.html`和`jquery-1.9.1.min.js`。这些文件共同构成了一个简单的jQuery应用,用于实现弹出框内的多选复选框功能。 ...

    安卓listview相关相关-listview实现checkbox多选效果可动态加载数据完美融合.rar

    以上是关于“安卓listview相关相关-listview实现checkbox多选效果可动态加载数据完美融合”的核心知识点,理解并掌握这些内容,将有助于你在实际开发中构建出功能完善的ListView组件。在实际应用中,你还需要结合...

    extjs tree CHECKBOX 多选删除未实现(带SQL脚本)

    在网上下载别人的代码,改进加上CHECKBOX ,但是批量删除做不出来,希望高手完成并分享。

    asp.net Dropdownlist结合CheckBoxList多选下拉框

    9. **代码示例**:在代码-behind文件中,设置Dropdownlist和CheckBoxList的属性,如Items、DataSource和DataTextField/DataValueField等,然后在事件处理程序中编写逻辑来同步两个控件的状态。 10. **CSS样式**:...

    自定义Combox + CheckBox 的多选控件

    本资源“自定义Combox + CheckBox 的多选控件”旨在实现一个功能强大的组合框(Combox),它允许用户通过复选框(CheckBox)进行多项选择。这个控件结合了ComboBox的下拉列表功能和CheckBox的选择特性,为开发者提供...

    含checkbox的多选下拉组件

    在提供的压缩包文件"多选下拉框"中,可能包含了这个组件的源代码、CSS样式文件、JavaScript脚本以及示例HTML文件。开发者可以通过研究这些文件来学习如何实现和自定义此类组件,或者直接在自己的项目中使用它。 总...

    C#_winform_GridView_CheckBox_多选_全选

    "C#_winform_GridView_CheckBox_多选_全选"这个主题就专门探讨了如何在WinForm的GridView中实现复选框的多选和全选功能。 首先,我们需要理解GridView的基本用法。GridView是.NET Framework中的System.Windows....

    bcb 创建一个带有CheckBox的TreeView

    在IT领域,尤其是在软件开发与界面设计中,创建一个带有CheckBox功能的TreeView是一个常见的需求,尤其是在需要用户进行多选操作的场景下。本篇将基于给定的代码片段,深入探讨如何在Borland C++ Builder(以下简称...

Global site tag (gtag.js) - Google Analytics