ホームページ > ウェブフロントエンド > jsチュートリアル > JS チェックボックス コントロール オペレーション コード_フォーム効果

JS チェックボックス コントロール オペレーション コード_フォーム効果

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

[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

例2:
実装する関数を図に示します。
全選択チェックボックスの js コードは次のとおりです。
var status=true;
function allselect(){
var tags=document.getElementsByTagName("input" );
for (i = 0; i {
if (tags[i].type == "チェックボックス")
{
tags[ i].checked=status;
}
}
status=!status;
}
クリックして位置を表示すると、適用されます選択した位置をお気に入りに追加する場合、JS コードは次のとおりです。
function panduan(){
var gou=0;
var tags=document.getElementsByTagName("input");
for (i = 0; i < tags.length; i )
{
if (tags[i].type == "checkbox")
{
if(tags[ i].id!="Checkbox1"){ //Checkbox1 はすべてを選択するチェックボックスです
if(tags[i].checked==true){
gou ;
}
}
}
if(gou==0){
window.alert("選択した位置にチェックを入れてください!");
return false;

例 3:


[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]
By getElementsByTagName の使用法を見てください。
JavaScript では、ドキュメント参照を取得する 2 つの方法が提供されています。getElementById と getElementsByTagName です。前者は、指定された Id 属性を持つ要素への参照を返し、後者は、要素の配列を返します。前者はより一般的に使用され、比較にもなります。この記事では、後者について簡単に説明します。
例: 複数の td タグを含むテーブルを定義し、2 番目のセルの背景色を変更する必要がある場合、getElementsByTagName を使用できます。具体的なコードは次のとおりです:
...
<。 ;table style="width:100%;">
1
2 /td>

5
;/td>

8 9

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