jQuery操作<input type="checkbox">

<input type="checkbox">:


1

2

3

4

5

2012欧洲杯"死亡之组"小组出线的国家队是:<br>

<input type="checkbox" name="nation" value="Germany">德国

<input type="checkbox" name="nation" value="Denmark">丹麦

<input type="checkbox" name="nation" value="Holland">荷兰

<input type="checkbox" name="nation" value="Portugal">葡萄牙

  1、小组第一名和第二名出线,所以要限制只能选两项。


1

2

3

4

5

6

7

8

9

10

11

12

13

var len = $("input[name=‘nation‘]:checked").length;

if(len==0) {

     alert("请选择出线的国家队!");

     return false;

}else if(len<2) {

     alert("请选择两个国家队!");

     return false;

}else if(len>2) {

     alert("只能选择两个国家队!");

     return false;

}else {

     return true;

}

  2、遍历已选择的国家队。


1

2

3

$("input[name=‘nation‘]:checked").each(function(){

    alert("已选择的国家队: "+$(this).val());

});

  3、取消所有选中的国家队。


1

$("input[name=‘nation‘]:checked").attr("checked",false);

  4、指定选中两个国家队。


1

2

$("input[name=‘nation‘][value=‘Germany‘]").attr("checked",true);

$("input[name=‘nation‘][value=‘Holland‘]").attr("checked",true);

  5、禁止选择国家队。


1

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

  6、允许选择国家队。


1

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

  7、选中索引为偶数或者奇数的国家队(索引是从0开始)。


1

2

3

4

//选中索引为偶数的国家队

$("input[name=‘nation‘]:even").attr("checked",true);

//选中索引为奇数的国家队

$("input[name=‘nation‘]:odd").attr("checked",true);

  

时间: 2024-10-25 13:41:56

jQuery操作<input type="checkbox">的相关文章

原生JS与jQuery操作DOM有什么异同点?

本文和大家分享的主要是原生JS与jQuery操作DOM相关内容,一起来看看吧,希望对大家学习javascript有所帮助. 一.创建元素节点 1.1 原生 JS 创建元素节点 document.createElement("p"); 1.2 jQuery 创建元素节点 $('<p></p>');` 二.创建并添加文本节点 2.1 原生JS创建文本节点 document.createTextNode("Text Content"); 通常创建文

jquery操作单选钮代码示例

jquery操作单选钮代码示例:radio单选按钮是最重要的表单元素之一,下面介绍一下常用的几个jquery对radio单选按钮操作.一.取消选中: $(".theclass").each(function(){ if($(this).attr('checked')) { $(this).attr('checked',false); } }); 以上代码可以将class属性值为theclass的被选中单选按钮取消选中.二.获取被选中的单选按钮的值: var val=$('.thecla

Jquery操作select,左右移动,双击移动 取到所有option的值

$(function () { function MoveItem(fromId, toId) { $("#" + fromId + " option:selected").each(function () { $(this).appendTo($("#" + toId + ":not(:has(option[value=" + $(this).val() + "]))")); }); $("#&

jQuery操作Dom、jQuery事件机制、jQuery补充部分

jQuery操作Dom: 修改属性: //使用attr()方法 //attr(name, value) //name:要修改的属性的属性名 //value:对应的值 //attr方法,如果当前标签有要修改的属性,就会进行修改,如果没有,直接添加 例:$("a").attr("href","http://www.baidu.com"); 修改多个属性值: //attr(obj) $(“img”).attr({ “title”: ”文件名称”, “s

使用jQuery操作元素的属性与样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同

web进阶之jQuery操作DOM元素&amp;&amp;MySQL记录操作&amp;&amp;PHP面向对象学习笔记

hi 保持学习数量和质量 1.jQuery操作DOM元素 ----使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值. 控制就是获取以及设置 <h3>attr()方法设置元素属性</h3> <a href="http://127.0.0.1" id="a1">点我就变</a> <d

jquery 操作iframe的几种方法总结

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text&

使用Jquery 操作 sharepoint2013文档库(增删改查)

使用Jquery 操作 sharepoint2013文档库(增删改查) [html] view plaincopyprint? //https://xxx.sharepoint.com/AAA/_api/web/GetFolderByServerRelativeUrl('/AAA/SingtelLaunchProcess')/Files //https://xxx.sharepoint.com/AAA/_api/web/GetFolderByServerRelativeUrl('Document

jquery操作Ajax返回的JSON值

$.post( 'XXX.php', { col: value }, function(data) { var getData = eval( "(" + data + ")" ); //必须用括号,真蛋疼 alert( getData.xx ); } ); jquery操作Ajax返回的JSON值,布布扣,bubuko.com

Jquery 操作IFrame

使用jquery操作iframe 1. 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://ww