получить значение переключателя, нажав на кнопку отправить

Question

Когда я нажму «выбрать», я получу значение выбранной радиокнопки, но когда я нажму на него, окно предупреждения станет пустым html part:

<div id="cams_option" class="form-row form-group">
                            <table>


                                <tr>
                            <td><label class="col-md-11">
                                <input type="radio" name="cams1" id="cams1" value="1">&nbsp;<b>I Have Business in CAMS
                            </b></label></td></tr>
                            <tr>

                            <td><label class="col-md-11"><input type="radio" name="cams2" id="cams2" value="2">&nbsp;<b>I Don't Have A Business in CAMS</b></label></td>

                            </tr>
                            <tr>
                            <td><label class="col-md-11"><input type="radio" name="cams3" id="cams3" value="3">&nbsp;<b>I Will Update It Later</b></label></td>

                            </tr>


                            <tr>
                                <td><button class="btn btn-danger" id="cams_select">Select</button></td>
                            </tr>


                            </table>

                            </div>

И это Jquery Часть:

<script type="text/javascript">
                            $(document).ready(function()
                                {
                                    $('#cams_select').on('click',function()

                                    {
                                        var chk = $("#cams_option").val();

                                        alert(chk);
                                    })
                                });
                        </script>

Любая помощь будет очень ценится

Answer 1

Вы должны использовать все переключатели с одинаковым именем, например, «cams1». и измените chk на:

var chk = $("input[name=cams1]:checked").val();

Answer 2

Вы пытаетесь получить значение div. Вам нужно будет получить значение выбранной кнопки-переключателя.

Поскольку все переключатели имеют разные названия, все они могут быть выбраны. Вы можете получить значение каждой радиокнопки с помощью следующего:

var radio1 = $("#cams1").val();

Однако вам нужно будет узнать, установлен он или нет. Вы можете узнать это, используя:

var radio1checked = $("#cams1").is(":checked");

Собрав все вместе, вы можете использовать:

<script type="text/javascript">
$(document).ready(function(){
  $('#cams_select').on('click',function(){
    if($("#cams1").is(":checked")){
      var cam1 = $("#cams1").val();
      alert("Cam1 is checked: " +cam1);
    }
  });
});
</script>

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

- Редактировать-- Если вы обновите имена всех 3 переключателей на name="cam", можно будет выбрать только одну из них. Вы можете получить значение выбранного кулачка, используя jQuery:

var selected = $("input[name='cam']:checked").val();