0

場所を選択して地図上に表示できるソフトウェアを開発中です。ボタンですべての場所を選択し、地図上に情報を表示する機能を追加したいと考えています。

私はコーディングが初めてなので、実際にコードを書いたことはありません。私はウェブを検索していましたが、役に立たなかったので、ここで素敵な人たちに尋ねるようになりました.

あなたが提供するアドバイスやリンクは大歓迎です。

関数checkAddAllName（モード）{

    var Name = document.getElementById('select_'+mode+'_ID').options[document.getElementById('select_'+mode+'_ID').selectedIndex].text;
    var Name = document.getElementById('select_'+mode+'_ID').options[document.getElementById('select_'+mode+'_ID').selectedIndex].value;

    var errorCount = 0;
    var Name = 0;
    var allStations = document.getElementsByTagName('input');

    for (var i=0; i<allNames.length; i++){
        if (allNames[i].id.substring(0,10) == 'StationNo_'){
            var splitID = allNames[i].id.split("_");
                if (splitID[1] == mode){
                    if (allNames[i].value == addedNameNo){
                        errorCount = 1;
                    }
                }
        }
    }

    if (errorCount == 0){
        addNAme(mode);
    } else {
        alert(addedName+' has already been added!');
    }

}

4

2 に答える 2

0

jQueryのようなライブラリを使用してこれを行う方が良いでしょう。最初は学ぶのに少し時間がかかりますが、それはあなたのウェブプログラミングの残りの日のために報われるでしょう。

あなたの場所が次のようなチェックボックスの順序付けられていないリストであると仮定します。

<ul id='listId'>
   <li><input type="checkbox value="London">London</li>
   <li><input type="checkbox value="Paris">Paris</li>
   <li><input type="checkbox value="Buenos Aires">Buenos Aires</li>
</ul>
<button id="selectAll">Select all</button>

jQueryでは、次のようなことを行います。

$('button#selectAll').on("click",function(){
  $('ul#listId > li > input').prop('checked',true);
});
于 2013-01-02T16:01:29.780 に答える
0

次のような通常の単一選択ドロップダウンを意味すると仮定します。

<select id="ddlSelectCountry" onchange="SelectCountry(this);">
    <option value="">Please select..</option>
    <option value="USA">USA</option>
    <option value="France">France</option>
    <option value="Spain">Spain</option>
</select>

このようなボタンを使用して、空でないすべてのアイテムを自動選択できます。

<button type="button" onclick="SelectAll('ddlSelectCountry');">Select All</button>​

そのための JavaScript は次のようになります。

function SelectAll(strDropDownId) {
    var oDDL = document.getElementById(strDropDownId);
    if (!oDDL) {
        alert("No such element: " + strDropDownId);
        return;
    }
    for (var i = 0; i < oDDL.options.length; i++) {
        if (oDDL.options[i].value.length > 0) {
            oDDL.selectedIndex = i;
            if (oDDL.change)
                oDDL.change();
            else if (oDDL.onchange)
                oDDL.onchange();
        }
    }
}

jQuery を使用すると、コードの長さを大幅に短縮し、より洗練されたものにすることができますが、それはあなたの選択です。

ライブ テスト ケース。

于 2013-01-03T08:23:32.913 に答える