如何从HMTL5表中获取检查输入(How to get checked inputs from HMTL5 table)

我想知道是否有人知道如何获得单选按钮的选中值。有5列和几行，用户每列只能选择一个单选按钮。

我一直试图获取值，但我无法通过JQuery获取它，或通过post发送到PHP文件。

<table class="table table-striped table-hover " id='tableIncoming'> <thead> <tr> <th>#</th> <th>Route</th> <th>Monday</th> <th>Tuesday</th> <th>Wednesday</th> <th>Thursday</th> <th>Friday</th> </tr> </thead> <tbody> {section name=lindex loop=$INCOMING_LIST} <tr style="" class="{if $INCOMING_LIST[lindex].name eq 'Tres Rios' || $INCOMING_LIST[lindex].name eq 'Cartago'}info{/if}" id="tr{$INCOMING_LIST[lindex].name}-{$INCOMING_LIST[lindex].time}"> <td>{$smarty.section.lindex.index +1}</td> <td style="width:220px;"> {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time} </td> <td><input name="M" type="radio"></td> <td><input name="T" type="radio"></td> <td><input name="W" type="radio"></td> <td><input name="Th" type="radio"></td> <td><input name="F" type="radio"></td> </tr> {/section} <tr style="" class="" id='trWNUI'> <td>-</td> <td style="width:220px;" name='wnui'>Will not use</td> <td><input name="M" type="radio"></td> <td><input name="T" type="radio"></td> <td><input name="W" type="radio"></td> <td><input name="Th" type="radio"></td> <td><input name="F" type="radio"></td> </tr> </tbody> </table>

解决方案感谢@Lennon，我更新了我的表以提供值，以下是代码现在的样子：

{section name=lindex loop=$INCOMING_LIST} <tr style="" class="{if $INCOMING_LIST[lindex].name eq 'Tres Rios' || $INCOMING_LIST[lindex].name eq 'Cartago'}info{/if}" id="tr{$INCOMING_LIST[lindex].name}-{$INCOMING_LIST[lindex].time}"> <td>{$smarty.section.lindex.index +1}</td> <td style="width:220px;"> {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time} </td> <td><input name="Mi[]" value='I, M, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> <td><input name="Ti[]" value='I, T, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> <td><input name="Wi[]" value='I, W, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> <td><input name="Thi[]" value='I, Th, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> <td><input name="Fi[]" value='I, F, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> </tr> {/section}

I would like to know if someone has an idea on how to get the checked values of the radio-buttons. There are 5 Columns and several rows, the user can only select one radio-button per column.

I have been trying to get the values but I haven't been able to get it through JQuery, or sending it through post to a PHP file.

<table class="table table-striped table-hover " id='tableIncoming'> <thead> <tr> <th>#</th> <th>Route</th> <th>Monday</th> <th>Tuesday</th> <th>Wednesday</th> <th>Thursday</th> <th>Friday</th> </tr> </thead> <tbody> {section name=lindex loop=$INCOMING_LIST} <tr style="" class="{if $INCOMING_LIST[lindex].name eq 'Tres Rios' || $INCOMING_LIST[lindex].name eq 'Cartago'}info{/if}" id="tr{$INCOMING_LIST[lindex].name}-{$INCOMING_LIST[lindex].time}"> <td>{$smarty.section.lindex.index +1}</td> <td style="width:220px;"> {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time} </td> <td><input name="M" type="radio"></td> <td><input name="T" type="radio"></td> <td><input name="W" type="radio"></td> <td><input name="Th" type="radio"></td> <td><input name="F" type="radio"></td> </tr> {/section} <tr style="" class="" id='trWNUI'> <td>-</td> <td style="width:220px;" name='wnui'>Will not use</td> <td><input name="M" type="radio"></td> <td><input name="T" type="radio"></td> <td><input name="W" type="radio"></td> <td><input name="Th" type="radio"></td> <td><input name="F" type="radio"></td> </tr> </tbody> </table>

SOLUTION Thanks to @Lennon, I updated my table to provide the values, here is how the code looks now:

{section name=lindex loop=$INCOMING_LIST} <tr style="" class="{if $INCOMING_LIST[lindex].name eq 'Tres Rios' || $INCOMING_LIST[lindex].name eq 'Cartago'}info{/if}" id="tr{$INCOMING_LIST[lindex].name}-{$INCOMING_LIST[lindex].time}"> <td>{$smarty.section.lindex.index +1}</td> <td style="width:220px;"> {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time} </td> <td><input name="Mi[]" value='I, M, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> <td><input name="Ti[]" value='I, T, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> <td><input name="Wi[]" value='I, W, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> <td><input name="Thi[]" value='I, Th, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> <td><input name="Fi[]" value='I, F, {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time}' type="radio"></td> </tr> {/section}

最满意答案

您必须在单选按钮的名称上使用括号。因此，当您提交它们时，PHP会将其识别为数组。

示例： php格式的多个单选按钮数组

这个：

<tr style="" class="{if $INCOMING_LIST[lindex].name eq 'Tres Rios' || $INCOMING_LIST[lindex].name eq 'Cartago'}info{/if}" id="tr{$INCOMING_LIST[lindex].name}-{$INCOMING_LIST[lindex].time}"> <td>{$smarty.section.lindex.index +1}</td> <td style="width:220px;"> {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time} </td> <td><input name="M" type="radio"></td> <td><input name="T" type="radio"></td> <td><input name="W" type="radio"></td> <td><input name="Th" type="radio"></td> <td><input name="F" type="radio"></td> </tr>

需要是这样的：

<tr style="" class="{if $INCOMING_LIST[lindex].name eq 'Tres Rios' || $INCOMING_LIST[lindex].name eq 'Cartago'}info{/if}" id="tr{$INCOMING_LIST[lindex].name}-{$INCOMING_LIST[lindex].time}"> <td>{$smarty.section.lindex.index +1}</td> <td style="width:220px;"> {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time} </td> <td><input name="M[]" type="radio"></td> <td><input name="T[]" type="radio"></td> <td><input name="W[]" type="radio"></td> <td><input name="Th[]" type="radio"></td> <td><input name="F[]" type="radio"></td> </tr>

你可以通过$ _POST ['m'] ['ID_OF_CHECKED_ITEM']访问

You have to use brackets on the name of your radio buttons. So that when you submit them, PHP will recognize it as an array.

Example here: Multiple radio button array for php form

This:

<tr style="" class="{if $INCOMING_LIST[lindex].name eq 'Tres Rios' || $INCOMING_LIST[lindex].name eq 'Cartago'}info{/if}" id="tr{$INCOMING_LIST[lindex].name}-{$INCOMING_LIST[lindex].time}"> <td>{$smarty.section.lindex.index +1}</td> <td style="width:220px;"> {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time} </td> <td><input name="M" type="radio"></td> <td><input name="T" type="radio"></td> <td><input name="W" type="radio"></td> <td><input name="Th" type="radio"></td> <td><input name="F" type="radio"></td> </tr>

Need to be this:

<tr style="" class="{if $INCOMING_LIST[lindex].name eq 'Tres Rios' || $INCOMING_LIST[lindex].name eq 'Cartago'}info{/if}" id="tr{$INCOMING_LIST[lindex].name}-{$INCOMING_LIST[lindex].time}"> <td>{$smarty.section.lindex.index +1}</td> <td style="width:220px;"> {$INCOMING_LIST[lindex].name}, {$INCOMING_LIST[lindex].time} </td> <td><input name="M[]" type="radio"></td> <td><input name="T[]" type="radio"></td> <td><input name="W[]" type="radio"></td> <td><input name="Th[]" type="radio"></td> <td><input name="F[]" type="radio"></td> </tr>

And you access through $_POST['m']['ID_OF_CHECKED_ITEM']

更多推荐