首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Laravel在使用for循环创建的jquery中获取动态单选按钮的值

Laravel在使用for循环创建的jquery中获取动态单选按钮的值
EN

Stack Overflow用户
提问于 2018-06-02 07:13:04
回答 1查看 1.3K关注 0票数 0

我的视图中有一个表单,其中我使用数据库中的数据填充了一些动态单选按钮。代码看起来像这样-

代码语言:javascript
复制
<div class="row">
@foreach($status as $s)
    <div class="col-md-6">
        <label class="custom-control custom-radio">
            <input id="status" name="status" value="{{$s->id}}" type="radio" class="custom-control-input">
            <span class="custom-control-indicator"></span>
            <span id="status-name" class="custom-control-description">
                {{$s->specification}}
            </span>
        </label>
    </div>
@endforeach
</div

在HTML中-

代码语言:javascript
复制
 <div class="col-md-6">
    <label class="custom-control custom-radio">
        <input id="status" name="status" value="1" type="radio" class="custom-control-input">
        <span class="custom-control-indicator"></span>
        <span id="status-name" class="custom-control-description">Yes</span>
    </label>
</div>                                  
代码语言:javascript
复制
                                                            Yes                                                                                             Yes                          

现在我想通过ajax.I把它发送给控制器。我已经尝试过了-

代码语言:javascript
复制
var status = document.getElementsByName('status').value;
if(status) {
    $.ajax({
       url: '/getpriceajax'+'/'+status,
       type: "GET",
       dataType: "json",
       success:function(data) {
           $('#calculated_price').val(data[0]);
           document.getElementById("price-show").innerHTML = "Product price is "+ data[0]+"and "+data[1];           
           $(".phone-value-details").slideDown(700);
           return false;
       }
   });
}else{

}

但它总是发送第一个单选按钮的值,无论它是否被选中。我意识到这是因为两个单选按钮具有相同的名称,并且默认情况下,jquery采用第一个按钮。因此,我想动态地重命名它们。就像-

代码语言:javascript
复制
name="status_{{$s->id}}"

但是我不知道如何在Jquery中访问这个动态名称或id。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-02 07:29:20

您不需要更改status输入的名称。但是您需要更改id属性,使其在整个文档上为unique。或者,如果在客户端脚本或CSS中不需要它们,请不要使用它们。

要获取status的值,请使用以下代码:

代码语言:javascript
复制
var status = $('input[name="status"]:checked').val();
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50652018

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档