ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jqueryのRadioButtonListの機能と使用例の紹介

jQuery_jqueryのRadioButtonListの機能と使用例の紹介

WBOY
リリース: 2016-05-16 17:24:31
オリジナル
1028 人が閲覧しました

コード分析

コードをコピー コードは次のとおりです:

$ ("#").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);
});

//次に、偽の arr 配列をフィルタリングするための arrTrue 配列を作成します

var arrTrue = 新しい配列;
$.each(arr, function(i) {
if (arr[i] == true) {
arrTrue.push(arr [i]) ;
}
});

//もちろん、arr 配列のフィルタリング操作を簡素化するために grep 関数を使用することもできます

//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 ;
}
return false;




コードをコピー
コードは次のとおりです: $(function() { $("#<%= ibSubmit.ClientID %>") .click(function() { var flag = true;
var arr = 新しい配列;
$("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;
});


最後に、テーブルを生成するコードを添付します。メソッド、JQuery バージョン、C# バージョン ) – (表示または非表示可能)


jQuery バージョン




コードをコピー
コードは次のとおりです:
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート