집 > 기사 > 웹 프론트엔드 > jquery는 체크박스가 선택되었는지 어떻게 확인하나요?(소스 코드)

jquery는 체크박스가 선택되었는지 어떻게 확인하나요?(소스 코드)

云罗郡主앞으로: 2018-10-29 14:24:405895검색

jquery는 체크박스를 어떻게 결정하나요? 이제 막 jquery를 접하게 된 많은 친구들이 이런 질문을 할 것이라고 믿습니다. 이 장에서는 jquery가 확인란 선택 여부를 결정하는 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

html에서 체크박스가 선택되어 있으면 check="checked"라는 것을 누구나 알고 있습니다. 그러나 jquery Alert($("#id").attr("checked"))를 사용하면 확인 대신 true라는 메시지가 표시됩니다. 그래서 많은 친구들은 if($("#id").attr("checked")=="true")가 틀렸다고 판단하는데 사실은 if($("#id").attr("이어야 합니다. 확인됨") ==true).

예제에는 다음 함수가 포함되어 있습니다.

<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="获得选中的所有值">

코드:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE> New Document </TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <SCRIPT LANGUAGE="JavaScript" src="http://www.cnjquery.com/demo/jquery.js"></script>
        <SCRIPT LANGUAGE="JavaScript">
           $("document").ready(function(){
              $("#btn1").click(function(){
                  $("[name=&#39;checkbox&#39;]").attr("checked",&#39;true&#39;);//全选
   
              });
              $("#btn2").click(function(){
                  $("[name=&#39;checkbox&#39;]").removeAttr("checked");//取消全选
   
              });
              $("#btn3").click(function(){
                  $("[name=&#39;checkbox&#39;]:even").attr("checked",&#39;true&#39;);//选中所有奇数
   
              })
              $("#btn4").click(function(){
                  $("[name=&#39;checkbox&#39;]").each(function(){
                  if($(this).attr("checked"))
                  {
                      $(this).removeAttr("checked");
     
                  }
                  else
                  {
                      $(this).attr("checked",&#39;true&#39;);
     
                  }
              })
          })
               $("#btn5").click(function(){
              var str="";
              $("[name=&#39;checkbox&#39;][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
   <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>

위는 jquery가 확인란 선택 여부를 결정하는 방법에 대한 전체 소개입니다. JavaScript 비디오 튜토리얼에 대해 자세히 알고 싶다면 주의하세요. PHP 중국어 웹사이트.

위 내용은 jquery는 체크박스가 선택되었는지 어떻게 확인하나요?(소스 코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이 기사는 lvyestudy.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

이전 기사：ES6의 모듈성 사용 소개(코드 예)다음 기사：ES6의 모듈성 사용 소개(코드 예)