成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導(dǎo)航首頁 ? 技術(shù)教程 ? jquery獲取復(fù)選框checkbox的值實(shí)現(xiàn)方法
全站頭部文字 我要出現(xiàn)在這里
jquery獲取復(fù)選框checkbox的值實(shí)現(xiàn)方法 692 2024-03-01   

jQuery API :

each(callback)::以每一個(gè)匹配的元素作為上下文來執(zhí)行一個(gè)函數(shù)。

:checked :匹配所有選中的被選中元素(復(fù)選框、單選框等,不包括select中的option)

js:

//js獲取復(fù)選框值  
      var obj = document.getElementsByName("interest");//選擇所有name="interest"的對象,返回?cái)?shù)組  
      var s='';//如果這樣定義var s;變量s中會默認(rèn)被賦個(gè)null值
      for(var i=0;i<obj.length;i++){
         if(obj[i].checked) //取到對象數(shù)組后,我們來循環(huán)檢測它是不是被選中
         s+=obj[i].value+',';  //如果選中,將value添加到變量s中  
      }

jquery:

//jquery獲取復(fù)選框值  
      var chk_value =[];//定義一個(gè)數(shù)組  
      $('input[name="interest"]:checked').each(function(){//遍歷每一個(gè)名字為interest的復(fù)選框,其中選中的執(zhí)行函數(shù)  
      chk_value.push($(this).val());//將選中的值添加到數(shù)組chk_value中  
      });

其中jsp頁面代碼

<%@ page language="java" contentType="text/html" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
//   basePath = http          :// 127.0.0.1         : 8080          /DWR_checkbox /
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <base >
  
  <title>DWR獲取瀏覽器頁面信息</title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">  
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="This is my page">
  <
  <link rel="stylesheet" type="text/css" >
  -->
     <script type="text/javascript" src="http://www.gimoo.net/t/1902/jquery-1.7.2.js"></script>
    <script type='text/javascript' src='http://www.gimoo.net/t/1902/<%=path%>/dwr/engine.js'></script>
    <script type='text/javascript' src='http://www.gimoo.net/t/1902/<%=path%>/dwr/util.js'></script>
    <script type='text/javascript' src='http://www.gimoo.net/t/1902/<%=path%>/dwr/interface/test.js'></script>
    <script type='text/javascript' src='http://www.gimoo.net/t/1902/<%=path%>/dwr/interface/test1.js'></script>
    <script type='text/javascript' src='http://www.gimoo.net/t/1902/<%=path%>/dwr/interface/userLogin.js'></script>
  <script type="text/javascript"> 
  
    function ceshi1()
    { 
      test.hasPermission(mydwr("user").value,mydwr("pass").value, // 使用$()屬性獲取當(dāng)前頁面輸入的用戶名和權(quán)限的值
        function(data)
        {
          if(data)
          {
            mydwr("hp1").checked = "checked";
          }else{
            mydwr("hp1").checked = null;
          }
          document.getElementById("boolean1").value = data;
        });
    }
    
    function ceshi2()
    {
      test.hasPermission(dwr.util.getValue("username"),dwr.util.getValue("password"),// 使用DWR中的util.js工具中的屬性獲取當(dāng)前頁面輸入的用戶名和權(quán)限的值,給后臺.java的hasPermission方法的參數(shù)賦值,再執(zhí)行此方法(不是void類型有返回值)得到個(gè)返回值。
        function(data)
        {
          if(data)
          {
            document.getElementById("hp").checked = "checked"; // 使用byId()屬性獲取當(dāng)前頁面checkbox的checked屬性
          }else{
            document.getElementById("hp").checked = null;
          }
          document.getElementById("boolean2").value = data;
          dwr.util.setValue("boolean3",data);
          //dwr.util.setValue(boolean3,"哈哈");
          dwr.util.setValue(div,data);
          //dwr.util.setValue(body,data);
        }); // 用function(data)方法來處理后臺.java方法執(zhí)行后的返回值,存在data變量中,在執(zhí)行function(data)方法的語句
    }
    
    function invoke1()
    { 
      dwr.engine.setAsync(false);//< 默認(rèn)是異步執(zhí)行的true,設(shè)置成false就是同步執(zhí)行 方法按順序執(zhí)行-->
      test1.method1(
        function(data){
          alert(data);
        }
      );
      test1.method2(
        function(data){
          alert(data);
        }
      );
    }
    
    function invoke2(){ 
      test.getArray(
         function(data)
         {
           //for(var i=0;i<data.length;i++){
           //  alert(data[i]);
           //}
           dwr.util.addOptions(selectid,data);//根據(jù)后臺數(shù)組值填充ID為selectid的列表
         });
     } 
     function invoke3(){
      dwr.util.removeAllRows(tid);//根據(jù)tbody的id刪除該tbody
     }
     
     function invoke4(){
       var a=dwr.util.getText(selectid);
      dwr.util.setValue(tdid,a);
     }
    function show()
    {
      var name = document.getElementById("user").value;
      var pass = document.getElementById("pass").value;
      var obj = new objBean(name,pass); 
      userLogin.alterUser(obj,
        function(data){
          if(name == data.username && pass == data.password){
            alert("success");
          }else{
            alert("error");
          }
          document.getElementById("user").value = data.username;
          document.getElementById("pass").value = data.password;
      });
    }
    function objBean(name,pass)
    {
      this.username = name;
      this.password = pass;
    }
    function go_to()
    {  
      $('#first_jsp').show();
      test.getInclude(function(data){
        $('#first_jsp').html(data);
      });
    }
    function go_to_iframe()
    {
      $("#myframe1").show();
      test.getIncludeBean(function(data){
        $('#myframe1').attr('src',"<%=basePath%>"+data);
      });
    }
    function getInfo(){
      //js獲取復(fù)選框值  
      var obj = document.getElementsByName("interest");//選擇所有name="interest"的對象,返回?cái)?shù)組  
      var s='';//如果這樣定義var s;變量s中會默認(rèn)被賦個(gè)null值
      for(var i=0;i<obj.length;i++){
         if(obj[i].checked) //取到對象數(shù)組后,我們來循環(huán)檢測它是不是被選中
         s+=obj[i].value+',';  //如果選中,將value添加到變量s中  
      }
      alert(s == '' ? '你還沒有選擇任何內(nèi)容!' :s);
      
      dwr.util.setValue(tdid,s);
      //jquery獲取復(fù)選框值  
      var chk_value =[];//定義一個(gè)數(shù)組  
      $('input[name="interest"]:checked').each(function(){//遍歷每一個(gè)名字為interest的復(fù)選框,其中選中的執(zhí)行函數(shù)  
      chk_value.push($(this).val());//將選中的值添加到數(shù)組chk_value中  
      });  
      alert(chk_value.length==0 ?'你還沒有選擇任何內(nèi)容!':chk_value);  
      dwr.util.setValue(checkboxInfo,chk_value);
    }
  </script>
 </head>
 <body id="body">
 <form>
   <table id="tableid" border="1" align="center">
     <tr><td>用戶名:</td><td><input id="user" type="text" name="username"/></td></tr>
     <tr><td>密碼:</td><td><input id="pass" type="text" name="password"/></td></tr>
     <tr>
       <td><input id="getInfo" type="button" value="獲取信息" onclick="show()"/></td>
       <td><input type="reset" value="重置" /></td>
     </tr>
     <tbody id="tid">
       <tr>
         <td colspan="2" >
           <input id="hp1" type="checkbox" name="hpname" >測試權(quán)限<br>
          <input type="button"name="button"value="測試1" onclick="ceshi1()"> 
          返回值:<input id="boolean1" type="text" />
        </td>
       </tr>
       <tr>
         <td >
           <input id="hp" type="checkbox" name="hpname" >測試權(quán)限<br>
           <input type="button"name="button"value="測試2" onclick="ceshi2()">
        </td>
        <td>
          返回值:<input id="boolean2" type="text" />
          dwr.util.setValue:<input id="boolean3" type="text" />
          <div id="div" > 這是一個(gè)div標(biāo)簽</div>
        </td>
       </tr>
     </tbody>
     <tr>
       <td id="tdid"colspan="2" >修改此行值</td>
     </tr>
  </table>
  </form>
        <input type="button"name="button"value="異步調(diào)用測試" onclick="invoke1()">
        <input type="button"name="button"value="加載Array值" onclick="invoke2()">
        <input type="button"name="button"value="刪除所有行" onclick="invoke3()">
        <input type="button"name="button"value="修改行值" onclick="invoke4()">
    <div>
      <select id="selectid"></select>
    </div>
    <input type="button"name="button"value="框架(iframe)中加載bean.jsp" onclick="go_to_iframe()">
    <input type="button"name="button"value="DIV中加載first.jsp" onclick="go_to()">
    <iframe id="myframe1" style="width:500;height:200;border:10px;padding:0px;display:none" src="http://www.gimoo.net/t/1902/5c6b7f42e615b.html" ></iframe>
    <div id="first_jsp" style="width: 100%; height: auto; display:none"></div>
<form>
    <input type="checkbox" name="interest" value="VC" />VC
    <input type="checkbox" name="interest" value="VB" />VB
    <input type="checkbox" name="interest" value="VFoxpro" />VFoxpro
    <input type="checkbox" name="interest" value="VJava" />VJava
    <input type="checkbox" name="interest" value="BC" />BC
    <input type="checkbox" name="interest" value="Cobol" />COobol
    <input type="checkbox" name="interest" value="Java" />Java
    <input type="checkbox" name="interest" value="Delphi" />Delphi
    <input type="button" value="獲取復(fù)選框值" onclick="getInfo()">
</form>
    <div id="checkboxInfo" style="width: 100%; height: auto; display:block"></div>
 </body>
</html>

以上這篇jquery獲取復(fù)選框checkbox的值實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持綠夏網(wǎng)。



主站蜘蛛池模板: 正在恋爱中全集在线观看| 绿椅子韩剧完整免费观看| 饶俊| 春闺梦里人电影在线观看| 东方电视台节目表今日节目| 西方世界电影免费播放| 带圈序号1-50| 汤唯完整版| 美丽的坏女人中文字幕| 侠客行演员表| 守株待兔的老农夫音乐教案| 王渝萱最火的三部电影| 二年级写玩具的作文| 扩内需| 汪汪队完整版全集免费| 带圈序号1-50| 七寸照片| 回响电视剧演员表| 杨子姗赵又廷演的电影叫什么| 蓝家宝电影| 招聘女服务员2| 黑帮大佬365日| 一人比划一人猜100个| 成人在线| 刘浩存《一秒钟》舞蹈| 挤黑头挤痘痘视频最猛| 龙之战电影| 恶人想要抢救一下 漫画| 腾浦惠| 消防给水及消火栓系统技术规范| 电影五十度黑| 汤图片大全高清图片| 不可知难而退的演讲稿| 同性gay| 欧美动作电影| ptt培训| 原千岁电影| 好戏一出| 祝福语生日| 下载绿幕助手| 黄河在咆哮 电视剧|

!!!站長長期在線接!!!

網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103