`

checkbox1 自己用过的

 
阅读更多
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>复选框的全选</title>
</head>
<body>
<script language="JavaScript" type="text/JavaScript">
/* 是否全选标记 */
var checkedAll = false;

/* 全选/取消全选
* formName 所在form的name值
* checkboxName checkbox的name值
* 注意:所有checkbox的name值都必须一样,这样才能达到全选的效果
*/
function selectAll(formName,checkboxName){
var form = document.all.item(formName);
var elements = form.elements[checkboxName];
for (var i=0;i<elements.length;i++){ 
var e = elements[i];
if(checkedAll){
e.checked = false;
form.alls.checked = false;
} else {
e.checked = true;
form.alls.checked = true;
}
}
if(checkedAll){
checkedAll = false;
} else {
checkedAll = true;
}

/* 检查是否有checkbox被选中
* formName 所在form的name值
* checkboxName checkbox的name值
* 注意:所有checkbox的name值都必须一样,这样才能达到全选的效果
*/
function checkAll(formName,checkboxName){
var hasCheck = false;
var form = document.all.item(formName);
var elements = form.elements[checkboxName];
for (var i=0;i<elements.length;i++){
var e = elements[i];
if(e.checked){
hasCheck = true;
}
}
return hasCheck;
}

/* 执行操作 */
function do_action(){
if (!checkAll("formName","no")){
alert("没有checkbox被选中,提示用户至少选择一个!");
} else {
alert("已有checkbox被选中,可以继续后续操作!");
}


</script>

<form name="formName" method="get">
<table id="dataList" width="200" align="center" border="1">

<tr>
<td><input type="checkbox" name="alls" onClick="selectAll('formName','no')" title="全选/取消全选">
</td>

<td align="center"> 学号 </td>
<td align="center"> 姓名 </td>
</tr>

<tr>
<td><input type="checkbox" name="no" value="001" title="选择/不选择">
</td>

<td> 001 </td>
<td> 张三 </td>
</tr>
<tr>
<td><input type="checkbox" name="no" value="002" title="选择/不选择">
</td>
<td> 002 </td>
<td> 李四 </td>
</tr>
</table>
<p align="center"><input type="button" name="actionButton" value="操作" onClick="do_action()"></p>
</form>
</body>
</html>

//这是在java代码中获取checkbox的值
String type = "";
String[] type1 = request.getParameterValues("checkbox1");
for (int i = 0; i < type1.length; i++) {
   type += type1[i] + ",";
}
System.out.println(type);


分享到:
评论

相关推荐

    checkBox控件常见使用

    - **Java Swing**: 使用`JCheckBox`类,可以通过`isSelected()`方法获取状态,用`setSelected(boolean)`设置状态。 - **C# WinForms**: 使用`CheckBox`控件,`Checked`属性表示状态,`_CheckedChanged`事件处理状态...

    ListView中添加CheckBox

    1、ListView item中加入checkbox后onListItemClick 事件无法触发。 原因:checkbox的优先级高于ListItem于是屏蔽了ListItem的单击事件。 解决方案:设置checkbox的android:focusable="false" 2、选择其中的...

    Delphi Checkbox in StringGrid 使用

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

    Asp.net CheckBoxList操作集合

    &lt;asp:CheckBoxList ID="CheckBoxList1" runat="server"&gt; &lt;asp:ListItem Text="Option 1" Value="1" /&gt; &lt;/asp:CheckBoxList&gt; ``` **获取选中项** 在服务器端,可以通过循环遍历CheckBoxList的Items集合,检查每...

    PB 11.5 CheckBox三种状态的实例

    if CheckBox1.State = csUnchecked then { CheckBox1.SetState(csChecked) // 执行相应的逻辑,比如记录选择 } else { CheckBox1.SetState(csUnchecked) // 取消选择后的逻辑处理 } } ``` 5. 应用场景...

    C#中checkboxList控件用法总结

    CheckboxList控件可以使用Items.Add方法来添加新项。例如: ```csharp checkedListBox1.Items.Add("蓝色"); checkedListBox1.Items.Add("红色"); checkedListBox1.Items.Add("黄色"); ``` 二、判断第i项是否选中 ...

    vs2008演示CheckBox复选框控件的使用实例

    private void checkBox1_CheckedChanged(object sender, EventArgs e) { if (checkBox1.Checked) { MessageBox.Show("CheckBox is checked."); } else { MessageBox.Show("CheckBox is unchecked."); } }...

    CheckBox在cxGrid中的应用

    这里,`cxGridDBColumn1`的`DataField`属性对应数据库字段,如'IsSelected',`Properties.EditorType = etCheckEdit`则表示该列使用`CheckBox`作为编辑器。 在`Unit1.pas`源代码文件中,我们需要处理`CheckBox`的...

    WPF 自定义CheckBox样式

    这种技术允许我们用文本方式表示图标,同时保持矢量图形的清晰度,无论放大还是缩小都能保持良好的显示效果。在WPF中,我们可以使用`FontIcon`或者`TextBlock`结合特殊的字体库来实现字体图标。 自定义CheckBox的第...

    checkbox实现复选框

    document.getElementById('checkbox1').addEventListener('change', function() { console.log('Checkbox state changed'); }); ``` 2. **Java/Swing**:在Java桌面应用中,我们可以使用`javax.swing.JCheckBox`...

    checkbox全选功能实例

    本文将详细讲解如何实现`checkbox`的全选功能,这对于初学者理解`checkbox`的应用及其在页面布局中的使用至关重要。 首先,`checkbox`全选功能的核心在于实现一个主`checkbox`(通常命名为“全选”或“全选/全不选...

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    这个标题和描述虽然重复,但明显是在强调使用JS实现`checkBox`的全选功能。下面我们将详细探讨如何利用JavaScript来实现这一功能。 首先,HTML部分,我们需要定义一组`checkBox`,并添加一个特殊的`checkBox`作为...

    GridView和CheckBox结合

    CheckBox cbox = (CheckBox)GridView1.Rows[i].FindControl("CheckBox1"); if (CheckBox2.Checked == true) { cbox.Checked = true; } else { cbox.Checked = false; } } } ``` 当用户点击“全选”按钮时...

    CheckBoxList的操作

    1. **添加项**:你可以通过调用`checkedListBox1.Items.Add()`方法向CheckBoxList中添加选项。例如: ```csharp checkedListBox1.Items.Add("蓝色"); checkedListBox1.Items.Add("红色"); checkedListBox1.Items...

    vc2005--CheckBox的使用

    在Windows应用程序开发中,了解如何使用CheckBox对于创建具有交互性的用户界面至关重要。以下是对CheckBox控件在VC2005中使用方法的详细说明。 首先,我们需要在资源编辑器中添加CheckBox控件。在Visual Studio ...

    WPF之CheckBox组的全选设计

    1. **定义枚举**:创建一个枚举类型,表示CheckBox组中的各个选项,并使用Flags特性标记。例如: ```csharp [Flags] public enum CheckBoxOptions { None = 0, Option1 = 1, Option2 = 2, Option3 = 4, // ...

    C#WinForm控件美化CheckBox

    1. 添加CheckBox:在VS2005的设计视图中,可以通过工具箱将CheckBox控件拖放到窗体上。也可以在代码中动态创建,如`CheckBox myCheckbox = new CheckBox();` 2. 设置文本:通过`Text`属性设置复选框显示的文字,例如...

    C# WinForm 自定义CheckBox

    5. **使用自定义CheckBox**: 在其他WinForms窗体中,我们可以像使用普通CheckBox一样添加并使用这个自定义控件。只需在工具箱中右键点击,选择"添加项",然后找到我们刚刚创建的CheckBoxEx控件。 通过以上步骤,...

    透明checkbox佛delphi

    为标准控件checkbox增加transparent属性。为true时背景透明,为false时与标准控件一样

    Android2.2 r1 API 中文文档系列(10) —— CheckBox

    CheckBox checkBox = (CheckBox) findViewById(R.id.checkBox1); // 设置初始选中状态 checkBox.setChecked(true); // 监听CheckBox的状态变化 checkBox.setOnCheckedChangeListener(new CompoundButton....

Global site tag (gtag.js) - Google Analytics