zoukankan      html  css  js  c++  java
  • jQuery操作CheckBox的方法(选中,取消,取值)

    jQuery操作CheckBox的方法(选中,取消,取值)。


    代码:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>jQuery操作CheckBox-www.jbxue.com</TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <SCRIPT LANGUAGE="javascript" src="http://www.jbxue.com/demo/jquery.js"></script>
    <SCRIPT LANGUAGE="javascript">
    <!--
    $("document.quot;).ready(function(){

    $("#btn1").click(function(){

    $("[name='checkbox']").attr("checked",'true');//全选

    })
    $("#btn2").click(function(){

    $("[name='checkbox']").removeAttr("checked");//取消全选

    })
    $("#btn3").click(function(){

    $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数

    })
    $("#btn4").click(function(){

    $("[name='checkbox']").each(function(){


    if($(this).attr("checked"))
    {
    $(this).removeAttr("checked");

    }
    else
    {
    $(this).attr("checked",'true');

    }

    })

    })
    $("#btn5").click(function(){
    var str="";
    $("[name='checkbox'][checked]").each(function(){
    str+=$(this).val()+""r"n";
    //alert($(this).val());
    })
    alert(str);
    })
    })
    //-->
    </SCRIPT>

    </HEAD>

    <BODY>
    <form name="form1" method="post" action="">
    <input type="button" id="btn1" value="全选">
    <input type="button" id="btn2" value="取消全选">
    <input type="button" id="btn3" value="选中所有奇数">
    <input type="button" id="btn4" value="反选">
    <input type="button" id="btn5" value="获得选中的所有值">
    <br>
    <input type="checkbox" name="checkbox" value="checkbox1">
    checkbox1
    <input type="checkbox" name="checkbox" value="checkbox2">
    checkbox2
    <input type="checkbox" name="checkbox" value="checkbox3">
    checkbox3 www.jbxue.com
    <input type="checkbox" name="checkbox" value="checkbox4">
    checkbox4
    <input type="checkbox" name="checkbox" value="checkbox5">
    checkbox5
    <input type="checkbox" name="checkbox" value="checkbox6">
    checkbox6
    <input type="checkbox" name="checkbox" value="checkbox7">
    checkbox7
    <input type="checkbox" name="checkbox" value="checkbox8">
    checkbox8
    </form>

  • 相关阅读:
    27. Remove Element
    列表变成字典
    1. Two Sum
    CVPR2019:What and How Well You Performed? A Multitask Learning Approach to Action Quality Assessment
    959. Regions Cut By Slashes
    118. Pascal's Triangle
    loj3117 IOI2017 接线 wiring 题解
    题解 NOI2019 序列
    题解 省选联考2020 组合数问题
    题解 Educational Codeforces Round 90 (Rated for Div. 2) (CF1373)
  • 原文地址:https://www.cnblogs.com/cfinder010/p/3538396.html
Copyright © 2011-2022 走看看