`

CheckBox如何多选

XHTMLHTML 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function test()
{
var value=""; //document.getElementsByName("value1").value;
for(i=0;i<4;i++)
{
if(document.getElementsByName("Status")[i].checked==true)
{
  if(value==""){
  value=value+document.getElementsByName("Status")[i].value;
  }
  else{
  value=value+","+document.getElementsByName("Status")[i].value;
}
}

}
alert(value);
document.all.value1.value = value;

}


</script>
</head>

<body>
<input name="Status" type="checkbox" value="1" onclick="test()"/>

<input name="Status" type="checkbox" value="2" onclick="test()"/>

<input name="Status" type="checkbox" value="3" onclick="test()"/>

<input name="Status" type="checkbox" value="4" onclick="test()"/>

<input type="text"  name="value1" value=""  size="50"/>

</body>
</html>
分享到：
| 单击表格，取得td内内容
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    WPF CheckBox多选的应用

    本篇文章将详细探讨WPF中CheckBox多选的应用，以及如何实现这一功能。 首先，我们需要了解WPF中的CheckBox基本属性和事件。CheckBox的IsChecked属性表示其当前是否被选中，这是一个布尔类型的依赖属性。当选中时，...

    ListVIew 实现Checkbox多选

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

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

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

    listview+checkbox 多选

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

    CheckBox多选功能的实现

    实现CheckBox多选功能的第一步是创建一个自定义的ListView布局文件。这个布局通常包含一个TextView用于显示文本信息，以及一个CheckBox用于选择。例如，你可以创建一个名为`list_item.xml`的布局文件： ```xml ...

    ExpandableListView+CheckBox多选功能

    在给定的“ExpandableListView+CheckBox多选功能”主题中，我们将探讨如何将这两个组件整合，创建一个既具有扩展性又支持多选操作的用户界面。 首先，我们需要理解`ExpandableListView`的基本工作原理。`...

    listview checkbox 多选反选取消

    "listview checkbox 多选反选取消"的标题描述了一个具体的实践案例，即在一个包含Checkbox的ListView中实现多选、反选以及取消选择的功能。下面我们将深入探讨这个知识点。 首先，我们需要创建一个自定义的ListView...

    radiobutton 控制checkbox多选(js实现)

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

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

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

    jS checkbox 多选

    本文将深入探讨如何使用JavaScript实现checkbox的多选功能，主要分为两种常见方法：iframe嵌套和利用cookies。 一、iframe下的多选方法 iframe，即内联框架，可以在一个HTML页面中嵌入另一个HTML页面。在处理多选...

    cash 表单提交checkbox 多选

    html checkbox　cash 表单提交checkbox 多选

    checkbox多选

    checkbox多选

    layui.table表格渲染后判断checkbox多选控件是否可用

    该资源主要应用于layui框架下table表格渲染后判断checkbox多选控件是否可用，当然done下还可以做其他逻辑判定，附上源码，绝对可用。

    自制flash checkbox多选组件

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

    Android Checkbox多选全选

    在很多场景下，比如设置界面、列表选择等，我们常常需要实现Checkbox的多选和全选功能，这使得用户能够方便地批量操作。本教程将详细讲解如何在Android应用中实现Checkbox的多选全选功能。 首先，我们需要了解...

    JQuery带checkbox多选的下拉列表

    JQuery带checkbox多选的下拉列表,功能非常强大，浏览器兼容性也很强, 浏览器兼容性如下： IE 7+ Chrome 8+ Firefox 10+ Safari 3+ Opera 10.6+ 调用非常强大，扩展性也很强

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

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

    jquery checkbox 选中 取消 checkbox多选

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

    用JavaScript实现CheckBox的多选和反选

    在网页中很多时候会用到CheckBoX的多选和反选．比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选，下面笔者就为大家介绍一下如何实现这样的网页效果

    Checkbox选定（支持多选）

    在网页设计和开发中，`Checkbox`是一种常用的交互元素，用于让用户进行多选操作，例如在后台管理系统中批量处理数据，或者在前端页面上让用户选择多个选项。本篇将深入探讨`Checkbox`的相关知识点，包括它的基本概念...

Magicbox
Global site tag (gtag.js) - Google Analytics