Question

我有选择标签。每个标签内容中有4个单选按钮。他们需要检查。但仅在选择第一个选项的内容页面时才会进行检查。

<div class="user_select mb30">
<select class="form-control input-sm multiple h40" name="user_select">
    <option value="select1">講演者1</option>
　　　　<option value="select2">講演者2</option>
    <option value="select3">講演者3</option>
　　　　<option value="select4">講演者4</option>
    <option value="select5">講演者5</option>
    <option value="select6">講演者6</option>
    <option value="select7">講演者7</option>
    <option value="select8">講演者8</option>
    <option value="select9">講演者9</option>
    <option value="select10">講演者10</option>
</select>

<input type="radio" value="radio1" name="file01"><label>配布する</label>
<input type="radio" value="radio2" name="file02"><label>配布しない</label>

<input type="radio" value="radio03" name="file03"><label for="radio03">公開する</label>
<input type="radio" value="radio04" name="file04"><label for="radio04">公開しない</label>

$(document).ready(function() {
var counter = 0 -1;
$('[name=user_select]').children('option').each(function(){
    counter++;
});
for (var i = 1 ; i <= counter ; i++) {
    $('.tab-pane:first').clone().attr('id','select' + (i+1)).appendTo('.tabContent');
}
$('.tab-pane').hide();
$('.tab-pane:first-child').show();

$('[name=user_select]').change(function() {
    var userNama = $('[name=user_select]').val();
    var idName = '#'+userNama
    $('.tab-pane').hide();
    $(idName).fadeIn(400);
});

我不知道我尝试过以下来源。

$(document).ready(function() {
 var select_num = $('option[value!=""]').val().length;
var z = select_num * $('input[type=radio]').length;
for (var x = 1 ; x <= z ; x++) {
            $('.tab-pane input[type=radio]').each(function(x){
               // $(this).attr('type','radio');
               // $(this).attr('id','radio' + (x+1));
                $(this).attr($('label[for='+ $(this).attr('id','radio' + (x+1)) +']'));
            });
           // $('.tab-pane label').each(function(y){
             //   $(this).attr('for','radio' + (y+1));
           // });
    }
     });

Answer 1

您可以将data-parametr附加到您的无线电：

＆＃13;

$(document).ready(function() {
  $('[name=user_select]').change(function() {
    var userNama = $(this).val();
    var idName = '#' + userNama;
    $('.tab-pane').hide();
    $('input[type="radio"]').prop('checked', false);

    $(idName).fadeIn(400);
    $('input[data-tab="' + userNama + '"]').prop('checked', true);
  });
});

＆＃13;

.tab-pane {
  display:none;
}
#select1 {
  display: block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select class="form-control input-sm multiple h40" name="user_select">
  <option value="select1">講演者1</option> 
  <option value="select2">講演者2</option>
  <option value="select3">講演者3</option>
</select>
<div class="tab-pane" id="select1">
  <h2>Tab 1</h2>
</div>
<div class="tab-pane" id="select2">
  <h2>Tab 2</h2>
</div>
<div class="tab-pane" id="select3">
  <h2>Tab 3</h2>
</div>

<h2>Radios</h2>
<div>
  <input type="radio" data-tab="select1" value="radio1" name="file01" checked>
  <label for="radio01">file01</label>
  <input type="radio" data-tab="select1" value="radio2" name="file02" checked>
  <label for="radio02">file02</label>
  <input type="radio" data-tab="select1" value="radio3" name="file03" checked>
  <label for="radio03">file03</label>
  <input type="radio" data-tab="select1" value="radio4" name="file04" checked>
  <label for="radio04">file04</label>

</div>
<div>
  <input type="radio" data-tab="select2" value="radio1" name="file05">
  <label for="radio05">file05</label>
  <input type="radio" data-tab="select2" value="radio2" name="file06">
  <label for="radio06">file06</label>
  <input type="radio" data-tab="select2" value="radio3" name="file07">
  <label for="radio07">file07</label>
  <input type="radio" data-tab="select2" value="radio4" name="file08">
  <label for="radio08">file08</label>
</div>
<div>
  <input type="radio" data-tab="select3" value="radio1" name="file09">
  <label for="radio09">file09</label>
  <input type="radio" data-tab="select3" value="radio2" name="file10">
  <label for="radio10">file10</label>
  <input type="radio" data-tab="select3" value="radio3" name="file11">
  <label for="radio11">file11</label>
  <input type="radio" data-tab="select3" value="radio4" name="file12">
  <label for="radio12">file12</label>
</div>

＆＃13;

通过划分选项卡内容检查所有单选按钮

1 个答案: