标签：
Jquery获取这三个控件的值不可以仅仅根据$("#控件ID")进行获取，以下是自己进行的简单的测试：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Control.aspx.cs" Inherits="Test.Control" %> <!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.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { //获取CheckBox值 $("#btnClick1").click(function () { var obj = document.getElementsByName(‘checkbox‘); //选择所有name="checkbox"的对象，返回数组 var s = ‘‘; for (var i = 0; i < obj.length; i++) { if (obj[i].checked) {//取到对象数组后，我们来循环检测它是不是被选中 s += obj[i].value + ‘,‘; //如果选中，将value添加到变量s中 } } alert(s == ‘‘ ? ‘你还没有选择任何内容！‘ : s); }); $("#btnClick2").click(function () { var chkValue = []; //定义一个数组 $("[name= ‘checkbox‘]:checked").each(function () {////遍历每一个名字为interest的复选框，其中选中的执行函数 chkValue.push($(this).val()); //将选中的值添加到数组中去 }); alert(chkValue.length == 0 ? ‘你还没有选择任何内容！‘ : chkValue); }); //一组Checkbox使用jQuery判断是否有选中项 $("#btnIsHasValue").click(function () { var chkValue = []; $("[name= ‘checkbox‘]:checked").each(function () { chkValue.push($(this).val()); }); if (chkValue.length == 0) { alert("没有选中项"); } if (chkValue.length > 0) { alert("有选中项,对应的值是:" + chkValue); } }); //获取Select选择的Value $("#selectColor").change(function () { var checkValue = $("#selectColor option:selected").text(); alert("你选择了:" + checkValue); }); //获取radio的值 $("#btnClick3").click(function () { var value = $("[name=‘rd‘]:checked").val(); alert(value); }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <asp:Label runat="server" Text="多选框"></asp:Label> <input type="checkbox" name="checkbox" value="chb1" checked="checked" /> <input type="checkbox" name="checkbox" value="chb2" /> <input type="checkbox" name="checkbox" value="chb3" /> <br /> <asp:Label ID="Label1" runat="server" Text="单 选"></asp:Label> <input type="radio" name="rd" value="rd1" id="rd1" checked="checked" /> <input type="radio" name="rd" value="rd2" id="rd2" /> <input type="radio" name="rd" value="rd3" id="rd3" /> <br /> <asp:Label ID="Label2" runat="server" Text="下拉框"></asp:Label> <select name="select" id="selectColor"> <option value="">==请选择==</option> <option value="1">红色</option> <option value="2">黄色</option> <option value="3">蓝色</option> </select> <br /> <asp:Button runat="server" Text="js获取复选框值1" ID="btnClick1" /> <asp:Button runat="server" Text="js获取复选框值2" ID="btnClick2" /> <asp:Button runat="server" Text="是否有选中项" ID="btnIsHasValue" /> <asp:Button runat="server" Text="js获取单选值" ID="btnClick3" /> </div> </form> </body> </html>
Jquery获取CheckBox、Select、radio的值
标签：
原文地址：http://www.cnblogs.com/chenls/p/4301188.html
