Javascript不起作用（不顯示警報框）

Question

主要形式

我試圖制作一個反饋表，但無法獲取單選按鈕的值。 我正在使用BootStrap和PHP。

<form class="form-horizontal" id="feedbackForm" role="form" method="post" action="adddetails.php">
  <table class="table table-bordered">
  <tr>
    <tr>
    <td><b>No.</b></td>
    <td><b>Parameter</b></td>
    <td align="center" colspan="5"><b>Faculty</b></td>
  </tr>
        <td></td>
        <td align="right"><b>Faulty Name</b> <i>[Abbreviation]</i></td>
        <td><b>JS</b></td>
        <td><b>AT</b></td>
        <td><b>GK</b></td>
        <td><b>PS</b></td>
        <td><b>SB</b></td>
  </tr>
  </tr>
        <td></td>
        <td align="right"><b>Subject Code</b></td>
        <td><b>MCA 202</b></td>
        <td><b>MCA 204</b></td>
        <td><b>MCA 206</b></td>
        <td><b>MCA 208</b></td>
        <td><b>MCA 210</b></td>
  </tr>
  <tr>
        <td>1.</td>
        <td>ontact forms are one of the most common elements found on a web page, and they can be used to gather just about any type of information required from your users.</td>
        <td align="center">
            <label>
                <input type="radio" name="jsq1">1
            </label>
            <label>
                <input type="radio" name="jsq1">2
            </label></br>
            <label>
                <input type="radio" name="jsq1">3
            </label>
            <label>
                <input type="radio" name="jsq1">4
            </label></br>
            <label>
                <input type="radio" name="jsq1">5
            </label>
       </td>

       <td align="center">
            <label>
                <input type="radio" name="atq1">1
            </label>
            <label>
                <input type="radio" name="atq1">2
            </label></br>
            <label>
                <input type="radio" name="atq1">3
            </label>
            <label>
                <input type="radio" name="atq1">4
            </label></br>
            <label>
                <input type="radio" name="atq1">5
            </label>
       </td>

       <td align="center">
            <label>
                <input type="radio" name="gkq1">1
            </label>
            <label>
                <input type="radio" name="gkq1">2
            </label></br>
            <label>
                <input type="radio" name="gkq1">3
            </label>
            <label>
                <input type="radio" name="gkq1">4
            </label></br>
            <label>
                <input type="radio" name="gkq1">5
            </label>
       </td>

       <td align="center">
            <label>
                <input type="radio" name="psq1">1
            </label>
            <label>
                <input type="radio" name="psq1">2
            </label></br>
            <label>
                <input type="radio" name="psq1">3
            </label>
            <label>
                <input type="radio" name="psq1">4
            </label></br>
            <label>
                <input type="radio" name="psq1">5
            </label>
       </td>

       <td align="center">
            <label>
                <input type="radio" name="sbq1">1
            </label>
            <label>
                <input type="radio" name="sbq1">2
            </label></br>
            <label>
                <input type="radio" name="sbq1">3
            </label>
            <label>
                <input type="radio" name="sbq1">4
            </label></br>
            <label>
                <input type="radio" name="sbq1">5
            </label>
       </td>
  </tr>
</table>
</form>

AddDetails.php

<?php

    $jsq1 = $_POST['jsq1'];
    echo "$jsq1";

    $atq1 = $_POST['atq1'];
    echo "$atq1";
?>

我想獲取單選按鈕的值並添加到mysql，但這顯示出來

onon

如何獲取可以添加到數據庫中的1,2,3,4和5之類的值。

Answer 1

您必須寫value屬性

<input type="radio" name="sbq1" value="3">

因此，在提交表單時，會將3提交給服務器

Answer 2

如前所述，您需要添加一個value屬性：

<input type="radio" name="sbq1" value="1">1

value是將要提交的實際值。

---

您可以使用它來自動添加value屬性：

 $('input[type=radio]').each(function () { $(this).attr('value', $(this).parent().text()); });