<legend id='hR043'><style id='hR043'><dir id='hR043'><q id='hR043'></q></dir></style></legend>

<small id='hR043'></small><noframes id='hR043'>

    • <bdo id='hR043'></bdo><ul id='hR043'></ul>
  • <tfoot id='hR043'></tfoot>

      1. <i id='hR043'><tr id='hR043'><dt id='hR043'><q id='hR043'><span id='hR043'><b id='hR043'><form id='hR043'><ins id='hR043'></ins><ul id='hR043'></ul><sub id='hR043'></sub></form><legend id='hR043'></legend><bdo id='hR043'><pre id='hR043'><center id='hR043'></center></pre></bdo></b><th id='hR043'></th></span></q></dt></tr></i><div id='hR043'><tfoot id='hR043'></tfoot><dl id='hR043'><fieldset id='hR043'></fieldset></dl></div>

      2. 使用外部按钮选择下一个/上一个单选按钮

        时间:2023-10-20
      3. <small id='vHkXI'></small><noframes id='vHkXI'>

            <bdo id='vHkXI'></bdo><ul id='vHkXI'></ul>
            <i id='vHkXI'><tr id='vHkXI'><dt id='vHkXI'><q id='vHkXI'><span id='vHkXI'><b id='vHkXI'><form id='vHkXI'><ins id='vHkXI'></ins><ul id='vHkXI'></ul><sub id='vHkXI'></sub></form><legend id='vHkXI'></legend><bdo id='vHkXI'><pre id='vHkXI'><center id='vHkXI'></center></pre></bdo></b><th id='vHkXI'></th></span></q></dt></tr></i><div id='vHkXI'><tfoot id='vHkXI'></tfoot><dl id='vHkXI'><fieldset id='vHkXI'></fieldset></dl></div>
            <legend id='vHkXI'><style id='vHkXI'><dir id='vHkXI'><q id='vHkXI'></q></dir></style></legend>
            • <tfoot id='vHkXI'></tfoot>
                  <tbody id='vHkXI'></tbody>

                1. 本文介绍了使用外部按钮选择下一个/上一个单选按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  我正在制作一种幻灯片形式,当用户单击下一张图片时,还必须选择单选按钮.我得到了滑动工作,下一个按钮"也在工作,但我有点卡在上一个"按钮上.不明白为什么它不起作用.

                  (小提琴)

                  这是我目前得到的,HTML:

                  <div class="button prev">&#60;</div><ul><li>
                  <div class="button prev">&#60;</div><ul><li>

                  jQuery:

                  $(document).ready(function(){$('.prev').click(function(){$(this).next().find('input:checked').parent().prev().children('input').attr("checked", true);$(this).next().find('input:checked').last().removeAttr("checked");});$('.next').click(function(){$(this).prev().find('input:checked').parent().next().children('input').attr("checked", true);$(this).prev().find('input:checked').eq(0).parent().prev().children('input').removeAttr("checked");});});

                  解决方案

                  可以简化为

                  $(document).ready(function(){$('.prev').click(function(){$(this).parent().find('input:checked').parent().prev().children('input').prop("checked", true);});$('.next').click(function(){$(this).parent().find('input:checked').parent().next().children('input').prop("checked", true);});});

                  演示:小提琴

                  <小时>

                  同样使用 :has-selector

                  $(document).ready(function(){$('.prev').click(function(){$(this).parent().find('li:has(input:checked)').prev().children('input').prop("checked", true);});$('.next').click(function(){$(this).parent().find('li:has(input:checked)').next().children('input').prop("checked", true);});});

                  演示:小提琴

                  I'm making a sort of slideshow form, and when user click's the next image slides in, but also the radio button must be selected. I got the sliding working, and the 'next button' is working as well, but I'm kinda stuck with the 'prev' button. Don't see why it doesn't work.

                  (fiddle)

                  This is what I got so far, HTML:

                  <form>
                  <div>
                      <div class="button prev">&#60;</div>
                      <ul>
                          <li>
                              <input type="radio" id="choise_1" name="first_choise" checked="checked"/>
                              <label for="choise_1">One</label>
                          </li>
                          <li>
                              <input type="radio" id="choise_2" name="first_choise"/>
                              <label for="choise_2">Two</label>
                          </li>
                          <li>
                              <input type="radio" id="choise_3" name="first_choise"/>
                              <label for="choise_3">Three</label>
                          </li>
                      </ul>
                      <div class="button next">&#62;</div>
                  </div>
                  <div>
                      <div class="button prev">&#60;</div>
                      <ul>
                          <li>
                              <input type="radio" id="choise_1" name="second_choise" checked="checked"/>
                              <label for="choise_1">One</label>
                          </li>
                          <li>
                              <input type="radio" id="choise_2" name="second_choise"/>
                              <label for="choise_2">Two</label>
                          </li>
                          <li>
                              <input type="radio" id="choise_3" name="second_choise"/>
                              <label for="choise_3">Three</label>
                          </li>
                      </ul>
                      <div class="button next">&#62;</div>
                  </div></form>
                  

                  jQuery:

                  $(document).ready(function(){
                  $('.prev').click(function(){
                      $(this).next().find('input:checked').parent().prev().children('input').attr("checked", true);
                      $(this).next().find('input:checked').last().removeAttr("checked");
                  });
                  
                  $('.next').click(function(){
                      $(this).prev().find('input:checked').parent().next().children('input').attr("checked", true);
                      $(this).prev().find('input:checked').eq(0).parent().prev().children('input').removeAttr("checked");
                  });});
                  

                  解决方案

                  It can be simplified to

                  $(document).ready(function(){
                      $('.prev').click(function(){
                          $(this).parent().find('input:checked').parent().prev().children('input').prop("checked", true);
                      });
                  
                      $('.next').click(function(){
                          $(this).parent().find('input:checked').parent().next().children('input').prop("checked", true);
                      });
                  });
                  

                  Demo: Fiddle


                  Same using :has-selector

                  $(document).ready(function(){
                      $('.prev').click(function(){
                          $(this).parent().find('li:has(input:checked)').prev().children('input').prop("checked", true);
                      });
                  
                      $('.next').click(function(){
                          $(this).parent().find('li:has(input:checked)').next().children('input').prop("checked", true);
                      });
                  });
                  

                  Demo: Fiddle

                  这篇关于使用外部按钮选择下一个/上一个单选按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                2. <legend id='3ClLj'><style id='3ClLj'><dir id='3ClLj'><q id='3ClLj'></q></dir></style></legend>
                    <tbody id='3ClLj'></tbody>

                    <tfoot id='3ClLj'></tfoot>

                    <i id='3ClLj'><tr id='3ClLj'><dt id='3ClLj'><q id='3ClLj'><span id='3ClLj'><b id='3ClLj'><form id='3ClLj'><ins id='3ClLj'></ins><ul id='3ClLj'></ul><sub id='3ClLj'></sub></form><legend id='3ClLj'></legend><bdo id='3ClLj'><pre id='3ClLj'><center id='3ClLj'></center></pre></bdo></b><th id='3ClLj'></th></span></q></dt></tr></i><div id='3ClLj'><tfoot id='3ClLj'></tfoot><dl id='3ClLj'><fieldset id='3ClLj'></fieldset></dl></div>
                      <bdo id='3ClLj'></bdo><ul id='3ClLj'></ul>
                    • <small id='3ClLj'></small><noframes id='3ClLj'>