Как мне получить значение флажков ряд в таблице JavaScript -- javascript поле с участием jquery пол Связанный проблема

How do I get value of a checkboxes of a row in a table JavaScript


-2
vote

проблема

русский

Это может быть глупым вопросом, но мне нужно получить значения проверенных флажков определенной строки.

 <код> script5  

Так что в основном я хочу, чтобы пользователи могли бы выбрать, например: Бургер с Халапено, сэндвич с Халапеньо, Горчицем и Чили, а также подшиппированные только Chili. И хранить их в массив, чтобы я мог передать его на страницу корзины. Заранее спасибо!

Английский оригинал

this might be a stupid question but I need to get values of checked checkboxes of a specific row.

<form method="POST" action="flight_cart.php">     <table>         <tr id=1>             <td><input id="foodType" type="checkbox" value="Burger">Burger</input></td>             <td><input id="extras" type="checkbox" value="jalapeno">Jalapeno</input></td>             <td><input id="extras" type="checkbox" value="mustard">Mustard</input></td>             <td><input id="extras" type="checkbox" value="Chili">Chili Sauce</input></td>         </tr>         <tr id=2>             <td><input id="foodType" type="checkbox" value="Sandwich">Sandwich</input></td>             <td><input id="extras" type="checkbox" value="jalapeno">Jalapeno</input></td>             <td><input id="extras" type="checkbox" value="mustard">Mustard</input></td>             <td><input id="extras" type="checkbox" value="Chili">Chili Sauce</input></td>         </tr>         <tr id=3>             <td><input id="foodType" type="checkbox" value="Sub">Sub</input></td>             <td><input id="extras" type="checkbox" value="jalapeno">Jalapeno</input></td>             <td><input id="extras" type="checkbox" value="mustard">Mustard</input></td>             <td><input id="extras" type="checkbox" value="Chili">Chili Sauce</input></td>         </tr>         <tr><td><button type="submit">Add to Order</td></tr>     </table> </form> 

So basically, I want users to be able to pick for example: Burger with jalapeno, Sandwich with jalapeno, mustard, and chili, and sub with chili only. And storing them into an array so I can pass it to cart page. Thank you in advance!

</div
     
       
       

Список ответов

0
 
vote

Используйте код

 <код> :expires_in7  
 

use code

$("tr[id='1']").find("input[type='checkbox']:checked") 
</div
 
 
 
 
0
 
vote

Просто добавьте некоторые идентификаторы, чтобы сформировать,

 <код> :expires_in8  

, и вы получите массив всех выбранных флажков в форме.

 

Just add some id to form,

var choices=[]; $("#formId input:checkbox:checked").each(function() {    choices.push($(this)[0].value); }); 

and you will get array of all selected checkboxes in form.

</div
 
 
0
 
vote

Попробуйте это, это может быть то, что вы ищете, или он должен дать вам хорошее представление о том, как решить вашу проблему

Примечание: не очень хорошая практика, чтобы иметь несколько элементов с тем же Id . Используйте <код> class для этого

Этот пример также проверяет, что вы выбрали <код> foodtype до того, как он нажимает данные в массив.

 <Код> $("table button").click(function(e) {    e.preventDefault()    var food = [];    $("table tr").each(function() {      if ($(this).find(".foodType").prop("checked") == true) {        var values = $(this).find('input:checkbox:checked').map(function() {          return this.value;        }).get();        food.push(values)      }    })    console.log(food)  })  
 <Код> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <form method="POST" action="">    <table>      <tr id=1>        <td><input class="foodType" type="checkbox" value="Burger">Burger</input>        </td>        <td><input class="extras" type="checkbox" value="jalapeno">Jalapeno</input>        </td>        <td><input class="extras" type="checkbox" value="mustard">Mustard</input>        </td>        <td><input class="extras" type="checkbox" value="Chili">Chili Sauce</input>        </td>      </tr>      <tr id=2>        <td><input class="foodType" type="checkbox" value="Sandwich">Sandwich</input>        </td>        <td><input class="extras" type="checkbox" value="jalapeno">Jalapeno</input>        </td>        <td><input class="extras" type="checkbox" value="mustard">Mustard</input>        </td>        <td><input class="extras" type="checkbox" value="Chili">Chili Sauce</input>        </td>      </tr>      <tr id=3>        <td><input class="foodType" type="checkbox" value="Sub">Sub</input>        </td>        <td><input class="extras" type="checkbox" value="jalapeno">Jalapeno</input>        </td>        <td><input class="extras" type="checkbox" value="mustard">Mustard</input>        </td>        <td><input class="extras" type="checkbox" value="Chili">Chili Sauce</input>        </td>      </tr>      <tr>        <td><button type="submit">Add to Order</td></tr>      </table>  </form>  
 

Try this, it might be what you are looking for or it should give you a good idea about how to solve your problem

Note: It is not good practice to have multiple elements with the same Id. Use class for that

This example also checks that you have selected a foodtype before it pushes the data into the array.

$("table button").click(function(e) {    e.preventDefault()    var food = [];    $("table tr").each(function() {      if ($(this).find(".foodType").prop("checked") == true) {        var values = $(this).find('input:checkbox:checked').map(function() {          return this.value;        }).get();        food.push(values)      }    })    console.log(food)  })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <form method="POST" action="">    <table>      <tr id=1>        <td><input class="foodType" type="checkbox" value="Burger">Burger</input>        </td>        <td><input class="extras" type="checkbox" value="jalapeno">Jalapeno</input>        </td>        <td><input class="extras" type="checkbox" value="mustard">Mustard</input>        </td>        <td><input class="extras" type="checkbox" value="Chili">Chili Sauce</input>        </td>      </tr>      <tr id=2>        <td><input class="foodType" type="checkbox" value="Sandwich">Sandwich</input>        </td>        <td><input class="extras" type="checkbox" value="jalapeno">Jalapeno</input>        </td>        <td><input class="extras" type="checkbox" value="mustard">Mustard</input>        </td>        <td><input class="extras" type="checkbox" value="Chili">Chili Sauce</input>        </td>      </tr>      <tr id=3>        <td><input class="foodType" type="checkbox" value="Sub">Sub</input>        </td>        <td><input class="extras" type="checkbox" value="jalapeno">Jalapeno</input>        </td>        <td><input class="extras" type="checkbox" value="mustard">Mustard</input>        </td>        <td><input class="extras" type="checkbox" value="Chili">Chili Sauce</input>        </td>      </tr>      <tr>        <td><button type="submit">Add to Order</td></tr>      </table>  </form>
</div
 
 

Связанный проблема

1  Столбец Tabulator с JSX - выполнение функций класса  ( Tabulator column with jsx executing class functions ) 
Я пытаюсь использовать React-Tabulator, но у меня проблемы с рендером функции внутри моих столбцов таблицы. Функция возвращает JSX, но она использует другие к...

5  Пользовательский стиль на раскрывающемся меню React-Buttrap  ( Custom style on react bootstraps dropdown menu component ) 
Я пытаюсь применить пользовательский стиль CSS к компоненту RACH BETSTRAP, но не может понять, как получить доступ к элементам, которые не являются явными в J...

1  Как заменить адреса электронной почты с ссылками Mailto на веб-странице Live?  ( How to replace email addresses with mailto links in a live web page ) 
Представьте себе это: вы столкнулись с веб-страницей, который говорит: «Просто отправьте сообщение user@example.com», но чтобы на самом деле отправить электро...

1  UI-маршрутизатор в ионной структуре  ( Ui router in ionic framework issue ) 
У меня проблемы с тем, чтобы получить свои маршруты, чтобы соответствовать моим взглядам. У меня есть следующие маршруты: <код> .state('tab.account', { ur...

0  Удалите подстроку из строки в jQuery [дублировать]  ( Remove a substring from a string in jquery ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

4  Каковы разница между $ (документом) .bind («готовая», функция) и $ (документ). Ready (функция (функция () {}))  ( What are the difference between document bindready function and docume ) 
Я хочу обновить от Verysjs версии 2.0.0 до 2.1.5 Вот код: <код> define(['jquery', 'test.js'], function ($, test) { var test = new $.test({ ...

0  Модель только показывает идентификатор в вложенной модели в парусах  ( Model only show id in nested model in sails ) 
Так что я разрабатываю приложение, используя парус JS. Я хочу отправить нить вместе с его комментариями как ответ. Вот моя модель thread.js <код> module...

1  Как проверить отметку Check Column в сетке?  ( How to check mark a check column in a grid ) 
У меня есть флажок Check Column на сетке, которая мне нужна для программически проверки. Вот как сценарий Check Column: <код> columns: { items:[ ...

0  Скачать изображение из результатов API  ( Download image from api results ) 
Я создаю приложение, которое использует онлайн API для рерантива изображений на основе ключевого слова для поиска. Я запускаю петлю Foreach для рендеринга 12 ...

0  Команда STEART BOBLE не работает, когда добавляю новый файл JS  ( Stencil bundle command is not working when i add new js file ) 
Я добавил несколько файлов JS в моей теме (Track-CLI), а когда я запускаю stencil bundle COMMENT, ошибки JS получили бросок. Я пробовал удаление <код> app...

3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS)  ( Is there any way to distinguish touch vs mouse interactions in windows 8 html ) 
Я в настоящее время строю приложение, которое имеет много внимания на панорамирование, которое выглядит и чувствует себя красиво, когда касается и манипулируе...

362  JavaScript Глобальный механизм событий  ( Javascript global event mechanism ) 
Я хотел бы поймать каждую неопределенную ошибку функции. Есть ли глобальная обработка ошибок в JavaScript? Чехол на использование ловит вызовы функций от Flas...

1  Код образец плагина PhoneGap VideoPlayer  ( Phonegap videoplayer plugin sample code ) 
Я пытаюсь реализовать видеозаписи в моем телефонном приложении. У меня есть идея реализовать этот плагин: https://github.com/dawsonloudon/videoPlayer Эт...

1  Обновление поле PDF штрих-кода в IOS и устройстве Android  ( Updating a pdf barcode field in ios and android device ) 
Я создал одну корпус Acrobat, используя радиообъекты, текстовое поле, кнопку, флажок и штрих-код в Adobe Acrobat Pro. После этого я открыл эту форму в Adobe...

0  JavaScript Foreach Array Ключевые значения, вывод в HTML  ( Javascript foreach array key values output to html ) 
Как сердите к клавишам ARRAY THRU, чтобы вывести свои значения в HTML? Расположение Я работаю, - это миниатюрная сетка, 3 колонны на 2 ряда. Каждый миниатюр...

Связанный проблема

1  Столбец Tabulator с JSX - выполнение функций класса 
5  Пользовательский стиль на раскрывающемся меню React-Buttrap 
1  Как заменить адреса электронной почты с ссылками Mailto на веб-странице Live? 
1  UI-маршрутизатор в ионной структуре 
0  Удалите подстроку из строки в jQuery [дублировать] 
4  Каковы разница между $ (документом) .bind («готовая», функция) и $ (документ). Ready (функция (функция () {})) 
0  Модель только показывает идентификатор в вложенной модели в парусах 
1  Как проверить отметку Check Column в сетке? 
0  Скачать изображение из результатов API 
0  Команда STEART BOBLE не работает, когда добавляю новый файл JS 
3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS) 
362  JavaScript Глобальный механизм событий 
1  Код образец плагина PhoneGap VideoPlayer 
1  Обновление поле PDF штрих-кода в IOS и устройстве Android 
0  JavaScript Foreach Array Ключевые значения, вывод в HTML 



© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.