复选框、单选框 jquery判断是否选中Demo

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="eachcheckbox.aspx.cs" Inherits="WebApplication1.eachcheckbox" %>



<!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 runat="server">

    <title></title>

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <script type="text/javascript">



        $(function () {

            var cnt = 0;

            var sel = '';

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

                //debugger;

                var items = jQuery("input:checked[guid]");

                items.each(function () {

                    if (jQuery(this).attr("guid")) {



                        sel += "," + jQuery(this).attr("guid");

                        cnt += 1;

                    }

                    else {



                    }

                });





                if (cnt < 1) {

                    alert('请选择记录!');

                    return false;

                } else {

                    // if (confirm('确定要删除吗?')) {

                    alert(sel);

                    // }

                }

                sel = "";



            });//获取选中的是哪一个



            $("#chkIsPublic").click(function () { //对单选按钮单击

                var ss = $('input:radio:checked').val();

                alert(ss);

            });

        });



        //复选框全选

        function aa(obj) {



            $(".checkBox>input").attr("checked", $(obj).attr("checked"));

            $(".checkBox").attr("checked", $(obj).attr("checked"));

        }

       

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <input type="button" id="btnclick" value="获取选中的是哪一个" />

    

    <div>

        <table>

        <tr>

           <td colspan="3"><input type="checkbox" id="checkAll" onclick="aa(this)" />全选</td>

        </tr>

            <tr>

                <td>

                    <input type="checkbox" id="chkguid" guid="class1" class="checkBox" />班级1

                </td>

                <td>

                    <input type="checkbox" id="Checkbox1" guid="class2" class="checkBox" />班级2

                </td>

                <td>

                    <input type="checkbox" id="Checkbox2" guid="class3" class="checkBox" />班级3

                </td>

            </tr>

        </table>

    </div>

    <div>

        ----------------------------------------------------------------------------------------------

    </div>

    <asp:RadioButtonList ID="chkIsPublic" runat="server" RepeatDirection="Horizontal"

        RepeatLayout="Flow" RepeatColumns="5">

        <asp:ListItem Value="0" Selected="True">租赁</asp:ListItem>

        <asp:ListItem Value="1">购买</asp:ListItem>

        <asp:ListItem Value="2">代理商</asp:ListItem>

    </asp:RadioButtonList>

    </form>

</body>

</html>

 

你可能感兴趣的:(jquery)