0

こんにちは、

input別のラジオを選択するときに非表示のラジオを選択しようとしています

<div class="questions">
<div class="questions_title">
    <span> Q : What Are you doing now ?</span>
</div>                       
<div class="answers">           
  <script>
      $('#answerid_').on('checked', function() {
         $('#degres_').prop('checked', true);
         return false;
      });
  </script>

  <div class="field">
   <input type="radio" value="1915" id="answerid_1" name="answerid_1" class="required">
   <input type="hidden" value="0" id="degres_1" name="degres_1">
   <span class="questions_label">Working. </span>
  </div>
  <div class="field">
   <input type="radio" value="1916" id="answerid_2" name="answerid_1">
   <input type="hidden" value="1" id="degres_2" name="degres_1">
   <span class="questions_label">Playing.</span>
  </div>
  <div class="field">
   <input type="radio" value="1917" id="answerid_3" name="answerid_1">
   <input type="hidden" value="2" id="degres_3" name="degres_1">
   <span class="questions_label">not Sleeping </span>
  </div>
  <div class="field">
   <input type="radio" value="1918" id="answerid_4" name="answerid_1">
   <input type="hidden" value="3" id="degres_4" name="degres_1">
   <span class="questions_label">Nothing.</span>
  </div>

</div>

=>回答を選択すると、それに応じて次の非表示degreeもチェックされます

4

6 に答える 6

1

hidden 型の入力をチェックすることはできません。ただし、無線タイプの非表示入力 (display:noneスタイルあり) を確認できます。

于 2013-01-21T12:09:03.337 に答える
0

あなたはこれを試すことができます

JS コード

$('[id^=answerid_]').on('change', function() {
        $(this).siblings('[id^=degres_]').prop('checked', true);
        alert($(this).siblings('[id^=degres_]').prop('checked'));
   return false;
});

デモ

于 2013-01-21T12:46:27.880 に答える
0

after use the folowing code

$('[id^=answerid_]').on('change', function() { $(this).siblings('[id^=degres_]').prop('checked', true); //alert($(this).siblings('[id^=degres_]').prop('checked')); return false; });

and changing hidden input to another radio because it now work and by adding

style="margin-left: -16px; position: absolute;"

for every answer input to be above degrees radio it work successfully.

but in the last question it's not work or check degree input :(

于 2013-01-22T22:44:27.733 に答える
0

イベントを添付してイベントを変更するには、ワイルドカードが必要です。

ライブデモ

$('[id^=answerid_]').on('change', function() {
        $(this).next(':hidden').prop('checked', true);
        return false;
});

非表示のチェックを使用する代わりに、非表示フィールドの値を設定することをお勧めします。

$(this).next(':hidden').val("true");
于 2013-01-21T12:07:04.727 に答える
0

そのはず..

 $('[id^=answerid_]').on('change', function() {
    $(this).next().prop('checked', true);
    return false;
 });
于 2013-01-21T12:08:25.323 に答える
0

hidden 型の入力をチェックすることはできません。値を期待しているため、previous がチェックされている場合は値が 1 になり、チェックされていない場合は 0 になります。

于 2013-01-22T10:24:17.090 に答える