コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

全選択、全選択解除、機能コード削除のための包括的なJSチェックボックス_JavaScriptスキル

WBOY
リリース： 2016-05-16 18:57:40
オリジナル
1077 人が閲覧しました

以下を参照してください。 方法:
JS チェックボックス 方法 1:

复制代 代価次のように:

function checkAll()
{
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i{
code_Values[i].checked = true;
}
}else{
code_Values.checked = true;
}
}
function uncheckAll()
{
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i{
code_Values[i].checked = false;
}
}else{
code_Values.checked = false;
}
}
関数 multipleDelete()
{
var num = 0;
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i{
if(code_Values[i].checked == true)
{
番号 ;
}
}
}else{
if(code_Values.checked == true){
num ;
}
}
if(num == 0){
alert('削除項目を選択してください');
}
if(num >0){
document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
document.BuCodeSearch.submit();
}
}


JS チェックボックス方法二：
复制代码代码如下:

関数 checkAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i if(code_Values[i].type == "チェックボックス")
{
code_Values[i].checked =真実;
}
}
}
function uncheckAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i if(code_Values[i].type == "チェックボックス")
{
code_Values[i].checked =間違い;
}
}
}
関数 multipleDelete()
{
if (document.BuCodeSearch.elements["code_Value"])
{
var num = 0 ;
var fm = document.BuCodeSearch;
if (document.BuCodeSearch.elements["code_Value"])
{
var elm = document.BuCodeSearch.elements["code_Value"];
var ename = "code_Value";
if (elm.length) {
var len = fm.elements[ename].length;
for (var i = 0; ivar e = fm.elements[ename][i];
if (e.checked == true){
num ;
}
}
} else {
if (elm.checked == true ) {
num ;
}
}
if (num > 0 )
{
document.BuCodeSearch.action = '';
document.BuCodeSearch.submit();
}
}
}
}

code_Value はチェックボックス表の名前、BuCodeSearch はフォーム名
复制代代码如下:


関連ラベル：
js すべて選択 消去
ソース：php.cn
前の記事：JavaScript ドラッグ アンド ドロップ効果コード_JavaScript スキル 次の記事：美しいjsタブ画像回転エフェクトコード（カスタマイズ可能なスライドショーと画像バッファ切り替え）_広告コード
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
複数のルートで宣言されたワーカープールは、しきい値を気にせずに CPU 使用率を維持できますか CPU を集中的に使用するタスクを処理するワーカープールを備えた Node.js システムを見つけたいと考えていますが、複数のルートにわたる CPU 使用率については少し混乱してい...
から 2024-04-06 19:54:23
0
1
444
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
Nuxt.js で作成したダッシュボードをデプロイするには SSG を使用する必要がありますか? Nuxt.jsを使用して社内向けのダッシュボードを開発していきます。これは内部ダッシュボードであるため、ユニバーサル スキーマは必要ありません。通常、ほとんどのダッシュボードは S...
から 2024-04-06 13:17:44
0
1
493
Electron はプリロード時に AppData を取得します プリロードされた AppData ディレクトリを取得するにはどうすればよいですか? Background.js[...]asyncfunctioncreateWindow(){co...
から 2024-04-06 11:05:31
0
1
417
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート