집 >웹 프론트엔드 >JS 튜토리얼 >jquery에서 확인란이 선택되었는지 확인하는 방법

jquery에서 확인란이 선택되었는지 확인하는 방법

coldplay.xixi원래의: 2020-12-24 09:41:383444검색

jquery가 확인란 선택 여부를 결정하는 방법: 1. [$(checkbox's id).prop("checked")]가 부울 값 유형을 반환하는지 여부를 결정합니다. 2. [$(this).is(":checked ""를 결정합니다. )]도 부울 값을 반환합니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, DELL G3 컴퓨터.

추천: jquery 동영상 튜토리얼

jquery에서 체크박스가 선택되었는지 판단하는 방법:

jQuery는 HTML 작성의 효율성을 크게 향상시킬 수 있습니다.

1, $ (체크박스 ID).prop("checked")는 부울 값 유형 $(checkbox的id).prop("checked")返回的是一个boolean值类型

2， $(this).is(":checked")

2를 반환하고 $(this).is(":checked")도 반환합니다. 부울 값 유형을 반환합니다.

다음은 확인란을 클릭하여 텍스트 상자 속성을 수정하는 예입니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>exp8_3</title>
</head>
  
<body>
  
<input type="text" name="first" id="first"><br>
<input type="text" name="second" id="second"><br>
<input type="checkbox" name="cb" id="hide" value="1"><span id="v0">隐藏第三个文本框</span><br>
<input type="checkbox" name="cb" id="ml" value="2"><span id="v1">变长第一个文本框</span><br>
<input type="text" name="third" id="third">
  
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="application/javascript">
var t1 = $("#first");
var t2 = $("#second");
var t3 = $("#third");
$(document).ready(function(e) {
  t2.mousedown(function(e) {//t2被鼠标按下后
    var str = t1.val();//获得t1的文本信息
        t2.val(str);//加载入t2的文本
  });   
    $("#hide").click(function(e) {
        //var flag = $(this).is(":checked");
    var flag = $(this).prop("checked");
        t3.toggle();//动态显示隐藏文本框
        if(flag)
            $("#v0").html("显示第三个文本框");
        else
            $("#v0").html("隐藏第三个文本框");
  });
    $("#ml").click(function(e) {
        var flag2 = $(this).prop("checked");
        if(flag2){
            t1.css(&#39;width&#39;,&#39;300px&#39;);
            $("#v1").html("变短第一个文本框");
        }
        else{
            t1.css(&#39;width&#39;,&#39;169px&#39;);
            $("#v1").html("变长第一个文本框");  
        }
     
  });
});
</script>
</body>
</html>

관련 무료 학습 권장 사항: javascript(동영상)

🎜

위 내용은 jquery에서 확인란이 선택되었는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

JavaScript jquery html Boolean checkbox 值类型 this

성명：

이전 기사：jquery에서 객체가 비어 있는지 확인하는 방법다음 기사：jquery에서 객체가 비어 있는지 확인하는 방법