当单击一个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#编程中的重要概念。 **位运算*...
在添加项时,我们可以为第一列设置一个CheckBox,如下: ```csharp ListViewItem item = new ListViewItem(); item.Text = "项1"; item.SubItems.Add("数据1"); item.SubItems.Add("数据2"); item.Checked = true; ...
3. **复选框的添加与事件处理**:在HeaderStyle中,我们可以添加一个CheckBox控件,并绑定它的IsChecked属性到DataGrid的IsAllItemsSelected属性。同时,我们需要处理CheckBox的Click事件来切换所有行的选中状态。在...
在这个demo中,你可以看到如何设置和监听CheckBox的状态变化,以及如何管理多个CheckBox的选中状态。通过这个练习,开发者将学会如何编写代码来实现以下功能: 1. **单个CheckBox的选择和取消**:每个CheckBox都有...
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`,也称为复选框,是网页表单中常见的一种元素,用于用户选择一个或多个选项。全选功能在处理多选项时非常实用,比如在一个列表中批量选择所有项目。这个标题和描述虽然重复,但明显...
dtree_checkbox是dtree的一个增强版本,它引入了复选框功能,使得用户可以选择一个或多个节点。这一特性在需要多选操作的场景下非常实用,例如在文件管理器中选择多个文件进行操作。dtree_checkbox的主要特点包括: ...