> 웹 프론트엔드 > JS 튜토리얼 > jQuery_jquery의 RadioButtonList 기능 및 사용 예 소개

jQuery_jquery의 RadioButtonList 기능 및 사용 예 소개

WBOY
풀어 주다: 2016-05-16 17:24:31
원래의
1028명이 탐색했습니다.

코드 분석

코드 복사 코드는 다음과 같습니다.

$ ("#<%= ibSubmit.ClientID%>").click(function() {
var flag = true;
//alert($("table[id^=ctl] ").length);
//각 라디오버튼의 확인된 상태를 저장하기 위해 확인된 arr 배열을 만듭니다.
var arr = new Array;
$("table[id^=ctl] input[type= radio]").each(function(i) {
arr.push(this.checked);
});

//그런 다음 arrTrue 배열을 생성하여 false arr 배열을 필터링합니다

var arrTrue = new Array;
$.each(arr, function(i) {
if (arr[i] == true) {
arrTrue.push(arr [i]) ;
}
});

//물론 grep 함수를 사용하여 필터링 arr 배열 작업을 단순화할 수도 있습니다.

//arr = $.grep( arr, function(n, i) {
//return n == true;

var groupLen = Math.floor($("table[id^=ctl) ]").length 1 / 3);

//마지막으로 간단하게 arrTrue의 길이가 11인지 판단해 보겠습니다.

//라디오버튼은 총 33개이므로 , 각 그룹은 3개의 그룹이며 규칙은 그룹에서 3개 중 1개를 선택하는 것입니다. 따라서 //11개의 라디오 버튼을 모두 선택해야 합니다.
if (arrTrue.length != groupLen) {
flag = false.
}
false 반환



전체 코드

코드 복사
코드는 다음과 같습니다. $(function() { $("#<%= ibSubmit.ClientID %>") .click(function() { var flag = true;
var arr = new Array;
$("table[id^=ctl] input[type=radio]") .each(function( i) {
arr.push(this.checked);
})
arr = $.grep(arr, function(n) {
return n == true ;
} );
var groupLen = Math.floor($("table[id^=ctl]").length 1 / 3)
if (arr.length != groupLen) 🎜>flag = false ;
}
return false;
})
})


마지막으로 Table을 생성하는 코드가 첨부됩니다. 메소드, JQuery 버전, C# 버전 ) – (보거나 볼 수 없음)


jQuery 버전



코드 복사
코드는 다음과 같습니다. var array = ["XXXX",""XXXX","XXX"]; $.each(array, function( i) { table.append(" " ""
"< ;/td>")
});
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿