zoukankan      html  css  js  c++  java
  • jQuery操作 input type=checkbox的实现代码

    代码如下:


    <input type="checkbox">: 
    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、小组第一名和第二名出线,所以要限制只能选两项。 

    复制代码代码如下:

    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、遍历已选择的国家队。 

    复制代码代码如下:

    $("input[name='nation']:checked").each(function(){ 
    alert("已选择的国家队: "+$(this).val()); 
    }); 


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

    复制代码代码如下:
    $("input[name='nation']:checked").attr("checked",false);


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

    复制代码代码如下:

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


      5、禁止选择国家队。 

    复制代码代码如下:
    $("input[name='nation']").attr("disabled",true);


      6、允许选择国家队。 

    复制代码代码如下:
    $("input[name='nation']").attr("disabled",false);


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

    复制代码代码如下:
    //选中索引为偶数的国家队 
    $("input[name='nation']:even").attr("checked",true); 
    //选中索引为奇数的国家队 
    $("input[name='nation']:odd").attr("checked",true); 
  • 相关阅读:
    poj 2728 Desert King
    uva 439 Knight Moves
    hdu 1875 畅通工程再续
    scau实验题 8600 骑士周游问题(有障碍物)
    scau实验题 8596 Longest Ordered Subsequence
    poj 1679 The Unique MST
    uva 527 Oil Deposits
    poj 2533 Longest Ordered Subsequence
    .net 程序员 java 开发入门
    Collation conflict occur at operation on User define funtion & table's column
  • 原文地址:https://www.cnblogs.com/Gbeniot/p/4667054.html
Copyright © 2011-2022 走看看