当单击一个checkbox时触发一个方法，先判断其是否选中，然后执行相应的操作：
/** **************** 选择框点击事件绑定 ************* */
function checkboxOnClick() {
var a=[];
$("input[type=checkbox]").click(function() {
var checkbox_value = $(this).attr('value');
if ($("#selectInfo" + checkbox_value).is(":checked")) {
if(a[0]=='未选择'){
a.splice(0,1);//splice() 方法用于插入、删除或替换数组的元素。
}
if(checkbox_value == "C\\+\\+")
checkboxvalue="C++";
if(checkboxvalue=='\\.Net')
checkboxvalue='.Net';
a.push(checkbox_value);
dwr.util.setValue(tdid,a);//填充ID为tdid的表格行
} else {
if(checkbox_value == "C\\+\\+")
checkboxvalue="C++";
if(checkboxvalue=='\\.Net')
checkboxvalue='.Net';
//alert(checkbox_value);
for(var i=0;i<a.length;i++){
if(checkboxvalue==a[i]) break;
}
a.splice(i,1);//splice() 方法用于插入、删除或替换数组的元素。
if(a==''){a.push('未选择');};
dwr.util.setValue(tdid,a);//填充ID为tdid的表格行
}
});
}
页面加载时，加载此方法：
window.onload = function() {
checkboxOnClick();
};
或：
jQuery(function() {
checkboxOnClick();
});
其jsp页面代码：
<html>
<head>
<title>DWR获取浏览器页面信息</title>
</head>
<body>
<table id="tableid" border="1" align="center">
<tr>
<td id="tdid"colspan="2" >修改此行值</td>
</tr>
</table>
<input type="checkbox" name="interest" id="selectInfoC" value="C" />C
<input type="checkbox" name="interest" id="selectInfoVB" value="VB" />VB
<input type="checkbox" name="interest" id="selectInfoVFoxpro" value="VFoxpro" />VFoxpro
<input type="checkbox" name="interest" id="selectInfoC++" value="C\+\+" />C++
<input type="checkbox" name="interest" id="selectInfoJava" value="Java" />Java
<input type="checkbox" name="interest" id="selectInfo.Net" value="\.Net" />.Net
<input type="checkbox" name="interest" id="selectInfoPHP" value="PHP" />PHP
<input type="checkbox" name="interest" id="selectInfoDelphi" value="Delphi" />Delphi
</body>
</html>
分享到：
相关推荐
本文将详细解读如何使用Jquery为单选框checkbox绑定单击click事件，并在事件触发时执行相应的函数。 首先，我们需要了解HTML中单选框checkbox的定义。单选框是表单元素中的一个类型，它允许用户在一组选项中选择一...
在`onCreateViewHolder`中，为每个CheckBox创建一个新的View，然后在`onBindViewHolder`中根据数据集绑定数据到CheckBox。 3. **数据模型** - 设计一个数据模型类，例如`MealOption`，包含CheckBox所需的文本、...
在很多场合，我们需要实现多个CheckBox的选择，让用户能够同时选择多个项。本篇文章将详细探讨WPF中CheckBox多选的应用，以及如何实现这一功能。 首先，我们需要了解WPF中的CheckBox基本属性和事件。CheckBox的...
在ASP.NET中，这可以通过添加一个TemplateField和一个CheckBox控件来实现，然后在CheckBox的onChange事件中添加JavaScript代码。以下是一个简单的示例： ```html <asp:CheckBox ID="chkSelect" runat=...
要实现点击 `checkbox` 时触发某些动作，可以添加事件监听器，如 `change` 事件。当用户改变 `checkbox` 的状态时，执行回调函数。 ```javascript var checkbox = document.getElementById('option1'); checkbox...
1. 布局文件：首先，我们需要创建一个自定义的列表项布局，该布局包含一个TextView用于显示数据，以及一个CheckBox用于用户选择。在XML文件中，可以这样编写： ```xml android:layout_width="match_parent" ...
ItemsControl将遍历数据源，并为每个Department创建一个Checkbox。 ```xml <CheckBox Content="{Binding DepartmentName}" IsChecked="{Binding IsSelected}" Canvas.Left="{Binding XPosition}...
在设计一个CheckBox组时，可能会遇到需要实现全选功能的需求，即点击一个主CheckBox可以同时选择或取消选择所有子CheckBox。这个功能的实现涉及到位运算和枚举的Flags特性，这两个是C#编程中的重要概念。 **位运算*...
3. **复选框的添加与事件处理**：在HeaderStyle中，我们可以添加一个CheckBox控件，并绑定它的IsChecked属性到DataGrid的IsAllItemsSelected属性。同时，我们需要处理CheckBox的Click事件来切换所有行的选中状态。在...
在这个demo中，你可以看到如何设置和监听CheckBox的状态变化，以及如何管理多个CheckBox的选中状态。通过这个练习，开发者将学会如何编写代码来实现以下功能： 1. **单个CheckBox的选择和取消**：每个CheckBox都有...
在添加项时，我们可以为第一列设置一个CheckBox，如下： ```csharp ListViewItem item = new ListViewItem(); item.Text = "项1"; item.SubItems.Add("数据1"); item.SubItems.Add("数据2"); item.Checked = true; ...
6. **删除功能**：当用户选中一个或多个CheckBox时，可以提供一个删除按钮，点击后删除对应的ListView项。删除操作需要遍历选中的项，然后从数据源中移除，并通知ListView刷新界面。 7. **解决item点击问题**：在...
4. **事件监听器**：为`CheckBox`添加`CheckedChangeListener`，以便在用户点击时捕获事件并更新状态。同时，如果提供了全选/全不选功能，还需要添加一个对应的按钮，并为其设置点击事件监听器。 5. **UI布局**：在...
- 用户选中多个CheckBox后，可能需要提供一个删除按钮，点击后删除所选项目。 - 在处理删除事件时，遍历布尔数组，找出选中的项，根据这些项的索引从数据源中移除对应的数据，然后更新ListView。 6. **保存和恢复...
在GridView的Adapter中，我们可以为每个数据项设置一个CheckBox，并在点击事件中改变其选中状态。为了跟踪用户的选择，我们通常会创建一个ArrayList来存储已选中的位置，当CheckBox状态改变时，添加或移除对应的索引...
为了在每个列表项中添加CheckBox，我们需要在DataTemplate中插入一个CheckBox元素，并将其IsChecked属性绑定到数据模型的`IsSelected`属性。以下是示例XAML代码： ```xml 选择" Width="50"> <CheckBox ...
每个列表项包含一个CheckBox，用户可以勾选或取消，选择多个条目。关键在于监听CheckBox的单击事件，可以通过在`getView()`方法中设置CheckedChangeListener，或者在CheckBox的布局文件中定义一个...
在编程领域，`Checkbox`（复选框）是一种常见的用户界面元素，用于让用户在多个选项中选择一个或多个。在本教程中，我们将探讨如何在不同的编程语言和框架中实现复选框的功能，以及如何处理与之相关的事件，如点击...
在JavaScript（JS）中，`checkBox`，也称为复选框，是网页表单中常见的一种元素，用于用户选择一个或多个选项。全选功能在处理多选项时非常实用，比如在一个列表中批量选择所有项目。这个标题和描述虽然重复，但明显...
这种方法灵活且易于扩展，可以根据需求自定义更多的行为，比如添加信号槽连接来处理用户的选择变化事件。在`macOS 10.13.1`和`Qt 5.9.1`环境下，此方法完全适用，能够为你的应用程序带来直观且交互性强的表格视图。