checkbox限制选中个数

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<link href="sysStyle.css" type="text/css" rel="stylesheet"/>
<link href="../crm-css/search.css" type="text/css" rel="stylesheet"/>
<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {

$(‘input[type=checkbox]‘).click(function() {

$("input[name=‘apk[]‘]").attr(‘disabled‘, true);

if ($("input[name=‘apk[]‘]:checked").length >= 3) {

$("input[name=‘apk[]‘]:checked").attr(‘disabled‘, false);
alert("选中超过三个");

} else {

$("input[name=‘apk[]‘]").attr(‘disabled‘, false);

}

});

})

</script>

<ul>

<li>

<input type="checkbox" name="apk[]" value=1 />

APK1

</li>

<li>

<input type="checkbox" name="apk[]" value=2 />

APK2

</li>

<li>

<input type="checkbox" name="apk[]" value=1 />

APK3

</li>

<li>

<input type="checkbox" name="apk[]" value=4 />

APK4

</li>

<li>

<input type="checkbox" name="apk[]" value=6 />

APK5

</li>

<li>

<input type="checkbox" name="apk[]" value=7 />

APK6

</li>

<li>

<input type="checkbox" name="apk[]" value=8 />

APK7

</li>

</ul>

时间: 2024-07-30 13:30:14

checkbox限制选中个数的相关文章

复选框checkbox选中个数限制

今天遇到一个问题:就是项目里有用到限制 checkbox框选中个数,看起来很简单,但是确实花了点时间才弄清楚,废话不多说,上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="j

js限制checkbox选中个数

今天在做项目时,碰到一个问题,我需要展示多个checkbox复选框,而只能允许最多选6个.调试了老半天,终于出来了,代码如下: <SCRIPT LANGUAGE="JavaScript"> var c=0,limit=6; function doCheck(obj) { obj.checked?c++:c--; if(c>limit){ obj.checked=false; alert("over"); c--; } } </SCRIPT&g

jquery获取checkbox被选中的值

只用一个循环,就可以找出被选中的checkbox的值 var s; $("[name = b]:checkbox").each(function () {                   if (this.checked) {                       s += $(this).val() + "|";                   }               });alert(s); 这样就可以了 jquery获取checkbox被

jq、js中判断checkbox是否选中

最近在开发项目时用到checkbox复选框,其中遇到一个问题:在JQ中如何判断checkbox是否被选中呢?之前用JQ获取元素的属性用的都是attr(),但用在checkbox上却没有用,原因何在??? 1.JS中判断checkbox是否被选中 对于在js中来判断checkbox是否被选中很简单,举个??来说 HTML代码: <input type="checkbox" name="box"> 相应的javascript代码如下: var check =

jQuery获取动态表格中checkbox被选中一行的属性数据

http://www.jianshu.com/p/0ec66caf4c40 jQuery获取表格中checkbox被选中一行的属性数据

让checkbox不选中

今天在做项目的时候.遇到一个问题.须要把选中的checkbox置空,即将选中的checkbox不选中. 最后,发现一个方法非常好使,特此记录. $("input[type='checkbox']").each(function(){ if(this.checked){ this.checked=false; } }); 原理:循环每个type为checkbox的input,若其是选中状态,就将他的checked属性置为false就ok了. 当然,若要实现反选的效果.再加一点就好了. 代

checkbox的选中、全选、返选、获取所有选中的值、所有的值、单选全部时父选中

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><h

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

<!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-

关于前端遍历td并且看checkBox是否选中问题

<table  id="detailTable"> <thead> <th><input style="text-align: center" class="checkbox" type="checkbox" id="quanxuanCheckBox"></th> <th>姓名</th> <th>年龄</t