Показать сообщение отдельно
  #1 (permalink)  
Старый 06.04.2014, 15:28
Новичок на форуме
Отправить личное сообщение для Annyshko Посмотреть профиль Найти все сообщения от Annyshko
 
Регистрация: 06.04.2014
Сообщений: 4

Работа с checkbox
Доброго времени суток. Есть задание:
a. Создать таблицу со списком товаров/объектов. Одну графу выделить под хранение отметок о выборе товара. Под таблицей разместить четыре кнопки: вверх, вниз, отметить, передать.
b. Текущий элемент таблицы должен быть отмечен другим цветом
c. При нажатии на кнопки вверх, вниз текущим становится элемент вверху/внизу от текущего.
d. При нажатии на кнопку отметить в соответствующей графе таблицы должна появляться/сниматься отметка.
e. При нажатии на кнопку передать должно появляться новое окно, в котором будет отображен список выбранных товаров.
f. Сделать отработку нажатий мыши – строка таблицы должна выбираться по щелчку мыши на ней.

На данный момент пытаюсь активные checkbox открыть в новой вкладке. Вот что пишу, но не работает=( пока просто пытаюсь показать хотя бы активные и вывести сообщение при нажатии на кнопку...alert() не работает. А по-хорошему при нажатии на кнопку надо активные checkbox вывести в новой вкладке. Как решить проблему?

<div style="float: left; margin-right: 50px;" class="box4">
    <p><b>Товары</b></p>
    <table style="width: 270px; height: 350px;  border: 1px solid gray;">
        <tr>
            <td>
                <input type="checkbox" value=Яблоки name="shest01" onclick="klik(); id="tovar0" /> Яблоки
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" value=Виноград name="shest01" onclick="klik(); id="tovar1" /> Виноград
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" value=Апельсины name="shest01" onclick="klik(); id="tovar2" /> Апельсины
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" value=Мандарины name="shest01" onclick="klik(); id="tovar3" /> Мандарины
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" value=Груши name="shest01" onclick="klik(); id="tovar4" /> Груши
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" value=Сливы name="shest01" onclick="klik(); id="tovar5" /> Сливы
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" value=Вишня name="shest01" onclick="klik(); id="tovar6" /> Вишня
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" value=Черешня name="shest01" onclick="klik(); id="tovar7"" /> Черешня
            </td>
        </tr>
    </table>
    <input type="button" value=Вывести onclick="Sum();">
    
</div>


function klik() {
        var c = [].filter.call(document.querySelectorAll('[name="shest01"]'), function (e) { return e.checked == true; });
        c.forEach(function (eC) {
            alert('чекбокс включён');
        });
    }

        function Sum() {
            confirm('не работает');
    }
Ответить с цитированием