时间戳

首页 > 解决方案 > 通过单击提交获取单选按钮的值

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

问题描述

当我单击“选择”时，我将获得所选单选按钮的值，但是当我单击它时，警报窗口出现空白 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>

任何帮助都会非常感谢

标签： jquerylaravel

解决方案

您正在尝试获取 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 设置获取它的值。

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

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

推荐阅读