Question

当我单击“选择”时，我将获得选定单选按钮的值，但是当我单击它时，警报窗口将变为空白 html部分：

<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

您正在尝试获取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>

您可以重复上面的代码以找出所选内容并根据您的ID集获取其值。

-编辑- 如果将所有三个单选按钮的名称更新为name="cam"，则只能选择其中一个。您可以使用jQuery获取所选凸轮的值：

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

Answer 2

您应该使用所有具有相同名称的单选按钮，例如“ cams1”。并将chk更改为：

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

通过单击提交获取单选按钮的值

2 个答案: