`

jQuery checkbox 保存选中项时除去已经选中项

 
阅读更多
function addCommunity() {
   $(".communityClass:checked").each(function(index) {
	var communityId = $(this).val();
	if (isCommunityIdExists(communityId)) {
		var communityName = $(this).attr("communityName");
		var cityName=$(this).attr("cityName");
		var trStr = '<tr>'
		        + '<input type="hidden" name="communityIds"  value="'
			    + communityId
				+ '" /><td style="text-align:center">'
				+ cityName
				+ '</td><td style="text-align:center">'
				+ communityName
				+ '</td><td style="text-align:center"><a href="javascript:void(0)" class="pn-opt" onclick="$(this).parents(\'tr:first\').remove();">刪除</a></td></tr>';
		
		$("#commtbody").append(trStr);
	}
  });
	closeDialog('communityDiv');
}

function isCommunityIdExists(communityId) {
	if ($("input[name=communityIds][value=" + communityId + "]").length == 0) {
		return true;
	}
	return false;
}

分享到:
评论

相关推荐

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。...

    jquery checkbox 选中 取消 checkbox多选

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

    jquery获取checkbox选中的值

    在本文中,我们将深入探讨如何使用jQuery来获取checkbox选中的值,包括全选、取消全选、反选以及选中奇数行的操作,并讲解如何获取选中的值。 首先,我们需要引入jQuery库。在`1.html`文件中,我们看到包含了一个名...

    jquery checkbox点击选中列表样式代码

    接下来,我们可以使用jQuery来监听checkbox的`click`事件,并根据其状态改变相应的列表项样式。以下是一个基础的实现: ```javascript $(document).ready(function() { $('#checkboxList input[type="checkbox"]')...

    jquery 对checkbox的操作

    在表单提交时,jQuery可以帮助获取已选中的checkbox值。例如: ```javascript $("form").submit(function(e) { e.preventDefault(); // prevent default form submission var selectedCheckboxes = $("input[type=...

    jquery 实现鼠标单击行时,选中checkbox复选框

    jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框

    jQuery获取checkbox选中的值

    - **实现全选/全不选和交错选中**:代码中包含了控制所有checkbox选中状态的按钮,并有示例显示如何选中所有奇数位置的checkbox。 ### 结论 理解并掌握如何使用jQuery获取和操作checkbox元素,对于开发交互式的Web...

    jquery 的checkbox样式

    接着,可以通过jQuery选择器来选中需要改变样式的复选框,并调用插件提供的方法来应用样式。例如,如果所有的复选框都有一个统一的class名`custom-checkbox`,可以这样写: ```javascript $(document).ready...

    jQuery的高性能TreeView源码(带CheckBox)

    jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...

    JQuery操作checkbox、radio等示例

    4. **触发事件**:jQuery允许我们监听用户的交互,比如当checkbox或radio的状态改变时。使用`.change()`方法可以添加事件监听器。例如,`$("#myCheckbox").change(function() { ... })`会在checkbox状态改变时执行回...

    Jquery遍历checkbox获取选中项value值的方法

    在jQuery中,遍历checkbox并获取选中项的value值是一项常见的操作,特别是在表单处理或者数据筛选场景中。在给定的标题和描述中,我们看到一个具体的示例,展示了如何实现这一功能。以下是对这个示例的详细解释: ...

    jquery之checkbox操作(v1.0.0)

    **获取checkbox选中项** 获取用户选中的checkbox值,可以使用`.is(':checked')`来判断是否被选中,然后使用`.val()`获取其值。以下是一个简单的示例: ```javascript var selectedOptions = []; $('input[type=...

    绚丽的复选框 jquery-checkbox

    在使用jQuery-Checkbox之前,你需要确保页面已经引入了jQuery库。之后,你可以通过下载并引用该插件的资源文件——在本例中,文件名为"jquery-checkbox.1.3.0"。这个压缩包可能包含了CSS样式文件、JavaScript源代码...

    checkbox全选,选中数据传到后台

    在前端,我们可以使用jQuery或者其他JavaScript库来处理用户交互,比如监听复选框的改变事件,收集选中项的ID,并在用户提交时构建请求参数。同时,为了实现全选功能,我们需要维护一个全选状态变量,当这个变量改变...

    jQuery Checkbox列表双向选择移动代码

    每个div内包含一组Checkbox,用户可以勾选Checkbox,然后通过点击左右箭头按钮,将选中的项在两个列表之间移动。接下来,我们将一步步分析如何实现这一功能。 1. **HTML结构**: 首先,我们需要构建基本的HTML布局...

    js实现翻页后保持checkbox选中状态的实现方法

    所以checkbox为false。...把选中的checkbox中的id,其中包括模块id,操作id,拼接成一个字符串,然后把字符串传递到action中。 每次调用此页面时,首选调用action中的选中的id字符串,然后根据在id字符串的基

    jquery操作Radio、Checkbox、Select Demo

    1. **设置Checkbox选中状态**: ```javascript $('input[type="checkbox"]').prop('checked', true); // 选中所有Checkbox $('#checkbox1').prop('checked', true); // 选中ID为'checkbox1'的Checkbox ``` 2. *...

    jQuery基于layui插件制作checkbox复选框选中代码

    在本文中,我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框,包括权限范围的多选、单选以及全选操作。同时,我们也将关注于父级和子级复选框之间的联动关系,即父级选中时子级全部选中,而...

Global site tag (gtag.js) - Google Analytics