Как пересчитать значения при нажатии на клавишу

@~Death_Lord~ · Регистрация: 10.11.2011

Студворк — интернет-сервис помощи студентам

Добрый вечер я студент, и у меня возникла такая вот задачка:

Мне надо так чтоб при клике на кнопку пересчитывались значения в ячейках Input это значение должно пересчитываться так умножать значение что было на значение INput с name="lol", но это условие должно выполняться только если по соседству во флажке стоит галочка

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<table class="data" id="celebs" border="1" name="lol">
    <thead>
    <tr>
        <td>1</td>
        <td>Name</td>
        <td><input type="text" value="5" name="AUG[1]"/></td>
        <td><input type="checkbox" name="ChAUG[1]" value="1"/></td>
        <td><input type="text" value="5" name="SEP[1]"/></td>
        <td><input type="checkbox" name="ChSEP[1]" value="1"/></td>
    </tr>
    <tr>
        <td>2</td>
        <td>Name</td>
        <td><input type="text" value="5" name="AUG[2]"/></td>
        <td><input type="checkbox" name="ChAUG[2]" value="1"/></td>
        <td><input type="text" value="5" name="SEP[2]"/></td>
        <td><input type="checkbox" name="ChSEP[2]" value="1"/></td>
    </tr>
    </thead>
    <br>
        <input type="text" value="100" name="lol" />
    <input  type="button" onclick="press()"/>

@Potanin · 18.07.2014, 19:47

Не совсем ясная формулировка задания. То есть в каждом из текстовых инпутов, напротив которого стоит чекбокс в нажатом состоянии, необходимо, чтобы его (текстового инпута) значение умножилось на значение, находящееся в текстовом инпуте с именем lol? Тех инпутов что есть вам достаточно или в последствии их может становиться больше (от этого зависит способ решения)? Последние два инпута не понятно каким образом оказались в таблице вне её строковых или столбиковых элементов. Если я вас правильно понял, то вы хотите получить следующее. Функцию и кнопку смотрите внизу, немного пришлось подправить и код, касающийся таблицы.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<table class="data" id="celebs" border="1">
    <thead>
        <tr>
            <td>1</td>
            <td>Name</td>
            <td><input type="text" value="5" name="AUG[1]" /></td>
            <td><input type="checkbox" name="ChAUG[1]" value="1" /></td>
            <td><input type="text" value="5" name="SEP[1]" /></td>
            <td><input type="checkbox" name="ChSEP[1]" value="1" /></td>
        </tr>
        <tr>
            <td>2</td>
            <td>Name</td>
            <td><input type="text" value="5" name="AUG[2]" /></td>
            <td><input type="checkbox" name="ChAUG[2]" value="1" /></td>
            <td><input type="text" value="5" name="SEP[2]" /></td>
            <td><input type="checkbox" name="ChSEP[2]" value="1" /></td>
        </tr>
    </thead>
     </table>
    <br>
    <input type="text" value="100" name="lol" />
<input type="button" onclick="press()" />
    <script>
        function lol()
        {
            var inputs = document.getElementsByTagName('input');
            for (var i = 0; i < inputs.length - 2; i++)
            {
                if ((i % 2 == 0) && (inputs[i + 1].checked)) { inputs[i].value *= document.getElementsByName('lol')[0].value; }
            }
        }
    </script>
    <button onclick="lol()">LOL</button>

@Igsit · 18.07.2014, 20:22

Действительно в html коде есть неточность и судя по всему нужно решение на JQuery?
Если так то если придерживаться такого-же принципа названия текстовых полей и чекбоксов (атрибуты name) то вот Вам вариант (не забудьте подключить JQuery):

JavaScript
1
2
3
4
5
6
7
function press() {
    $("input:text[name!='lol']").each(function () {
        if ( $("input:checked[name='Ch"+$(this).attr('name')+"']").length > 0 ) {
            $(this).val( $(this).val() * $("input:text[name='lol']").val() )
        }
    });
}

а html код поправите сами.

Можно было бы ещё сильно упростить, но я писал именно под Ваш HTML, если его немного переделать то будет ещё проще.

@~Death_Lord~ · 18.07.2014, 22:17 **[ТС]**

Спасибо что решили помочь , а если их все таки может быть много и вверх и вниз
, как этоб можно было реализовать можете наглядно помочь ,на вас одна надежда http://jsfiddle.net/xgM6W/2/

@Potanin · 18.07.2014, 23:18

Вообще, их можно привязать к родительскому элементу table или id'шники им задать удобные, типа a1 a2 a3 и т.д. Скорее всего, здесь подойдёт первый вариант. Программа будет корректно работать при соблюдении следующих условий:
1. Все текстовые инпуты, в которых должно осуществляться умножение, располагаются внутри одной и той же таблицы.
2. Имена ни инпутов, ни чекбоксов, располагающихся в данной таблице, а также инпута с именем 'lol, нигде не повторяются.
3. Имена всех чекбоксов отличаются от имён соответствующих им text'ов только наличием букв Ch впереди, а в остальном являются идентичными.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<table class="data" id="celebs" border="1">
        <thead>
            <tr>
                <td>1</td>
                <td>Name</td>
                <td><input type="text" value="5" name="AUG[1]" /></td>
                <td><input type="checkbox" name="ChAUG[1]" value="1" /></td>
                <td><input type="text" value="5" name="SEP[1]" /></td>
                <td><input type="checkbox" name="ChSEP[1]" value="1" /></td>
            </tr>
            <tr>
                <td>2</td>
                <td>Name</td>
                <td><input type="text" value="5" name="AUG[2]" /></td>
                <td><input type="checkbox" name="ChAUG[2]" value="1" /></td>
                <td><input type="text" value="5" name="SEP[2]" /></td>
                <td><input type="checkbox" name="ChSEP[2]" value="1" /></td>
            </tr>
        </thead>
    </table>
    <br>
    <input type="text" value="100" name="lol" />
    <input type="button" onclick="press()" />
    <script>
        function lol() {
            var inputs = document.getElementById('celebs').getElementsByTagName('input');
            for (var i = 0; i < inputs.length; i++)
            {
                if ((inputs[i].type == "text") && (document.getElementsByName('Ch' + inputs[i].name.toString())[0].checked)) inputs[i].value *= document.getElementsByName('lol')[0].value;
            }
        }
    </script>
    <button onclick="lol()">LOL</button>
       </body>

@Igsit · 23.07.2014, 01:36

Ответил в другой ветке которую Вы создали по этому же вопросу, а так Potanin тоже самое говорит, т.е. правила для формирования бесконечного количества инпутов и чекбоксов, просто мой вариант именно на JQuery решение твоей задачи, а смысл тотже

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@~Death_Lord~ 7 / 7 / 0 Регистрация: 10.11.2011 Сообщений: 88
	18.07.2014, 22:17 [ТС]
	Спасибо что решили помочь , а если их все таки может быть много и вверх и вниз , как этоб можно было реализовать можете наглядно помочь ,на вас одна надежда http://jsfiddle.net/xgM6W/2/ 0

@Igsit 142 / 142 / 63 Регистрация: 18.07.2014 Сообщений: 473
	23.07.2014, 01:36
	Ответил в другой ветке которую Вы создали по этому же вопросу, а так Potanin тоже самое говорит, т.е. правила для формирования бесконечного количества инпутов и чекбоксов, просто мой вариант именно на JQuery решение твоей задачи, а смысл тотже 0