отображать результат в соответствии с несколькими отмеченными флажками при отправке - PullRequest
Новая
       9

отображать результат в соответствии с несколькими отмеченными флажками при отправке

0 голосов
/ 26 апреля 2018

Я создал php-страницы (извлекал данные из баз данных) и снова устанавливал каждый флажок. каждый флажок связан с отдельной страницей. Я хочу, чтобы, когда я установил один или несколько флажков и нажал кнопку «Отправить». он отображает те php-страницы, которые связаны с этими флажками вот мой код, но он не отображает страницы в соответствии с установленными флажками 

<ul id="Names" class="stateNames">
    <li>Alabama
        <ul class="airports">
            <li><input type="checkbox" class="destination"/> Birmingham, AL</li>
            <li><input type="checkbox" class="destination"/> Huntsville, AL</li>
        </ul>
    <li>Alaska
        <ul class="airports">
            <li><input type="checkbox" class="destination"/> Anchorage, AK</li>
            <li><input type="checkbox" class="destination"/> Fairbanks, AK</li>
            <li><input type="checkbox" class="destination"/> Juneau, AK</li>
        </ul>
    </li>
</ul>
<input type="button" onclick="clickHandler()" value="Submit" />
<script>
function clickHandler() {
endLocDest1 = "";
endLocDest2 = "";
endLocDest3 = "";
endLocDest4 = "";
endLocDest5 = "";

for(i = 0; i < document.getElementsByClassName('destination').length; i++) {
    if (document.getElementsByClassName('destination')[i].checked) {
    
   endLocDest1=         window.open('http://localhost/project/conct5.php');
   endLocDest2=         window.open('http://localhost/project/conct7.php');
   endLocDest3=         window.open('http://localhost/project/conct8.php');
endLocDest4=         window.open('http://localhost/project/conct7.php');
   endLocDest5=         window.open('http://localhost/project/conct8.php');


   }
};
}
</script>

1 Ответ

0 голосов
/ 26 апреля 2018

Это будет тот код JavaScript, который вы ищете: 

function clickHandler() {
endLocDest1 = "http://localhost/project/conct5.php";
endLocDest2 = "http://localhost/project/conct7.php";
endLocDest3 = "http://localhost/project/conct8.php";
endLocDest4 = "http://localhost/project/conct7.php";
endLocDest5 = "'http://localhost/project/conct8.php";

for(i = 0; i < document.getElementsByClassName('destination').length; i++) {
    if (document.getElementsByClassName('destination')[i].checked) {
        switch(i) {
            case 0:
                window.open(endLocDest1);
                break;
            case 1:
                window.open(endLocDest2);
                break;
            case 2:
                window.open(endLocDest3);
                break;
            case 3:
                window.open(endLocDest4);
                break;
            case 4:
                window.open(endLocDest5);
                break;
       }
   }
};
}

Вместо использования i я бы рекомендовал установить ids для каждого элемента.

...