Question

我为每个单选按钮提供了不同的数据，我希望相关的div应该在单选按钮下显示。

目前，每个数据都显示在第一个单选按钮

下面

这是我的代码。

    <div class="portlet-body">
@foreach($students as $student)
    <div>
        <input type="radio" value="{{$student->id}}" name="student_lists[]" onclick="getdata( {{ $student->id }} )"/>
        {{$lists->name}}
        <span></span>
    </div>
    <div id="students-data"></div>
@endforeach
</div>

脚本

<script>
function getdata(id)
{
    $.ajax({
        url: '/students/'+id,
        type: "POST",
        success: function (data) {
        $('#students-data').html(data);
        }
    });
}

获取HTML的控制器方法

public function loadData($id)
{
  $students = DB::table('students')->select('name' , 'id')->where('user_id' , $id)->get();
  $data = '';
    $data .= '<div class="form-group">
                      <label class="control-label col-md-1">
                      </label>
                      <div class="col-md-8">
                          <label class="">';
                          foreach ($students as $student) {
                              $data .= "<input type='checkbox' class='chkbx' name='custom' value='{$student->name}'/> {$student->name}
                                <span></span>";
                              }
                 $data .='</label>
                      </div>
                  </div>';
              return $data;
  }

每个选择的单选按钮数据显示在第一个单选按钮下面，但我希望div应显示在相关的单选按钮下。

Answer 1

不允许发表评论，以反映您最新的＆＃34;请求＆＃34;。

@foreach($students as $student)
    <div>
        <input type="radio" value="{{$student->id}}" name="student_lists[]" onclick="getdata( {{ $student->id }} )"/>
        {{$lists->name}}
        <span></span>
    </div>
    <div class="students-data" id="students-data-{{$student->id}}"></div>
@endforeach

- ＆GT;

function getdata(id)
{
    $.ajax({
        url: '/students/'+id,
        type: "POST",
        success: function (data) {
        $('.students-data').hide();
        $('#students-data-'+id).toggle().html(data);
        }
    });
}

确保您的css文件

.students-data {
    display:none;
}

显示带有相关单选按钮jquery的数据

1 个答案: