如何在加载新页面时启用jquery标签/单选按钮

How to jquery label/Radio button is enable when new page is loaded

本文关键字：jquery 标签 单选按钮 启用 加载 新页面      更新时间：2023-09-26

我的代码点火器站点具有参数雄性和雌性，如下所示。CCD_ 1完成。

http://localhost/males
http://localhost/female

view.php在这里有两个标签。

<li>
  <div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default gender-label" id="lbl-female">
       <input type="radio" name="options" id="option1" autocomplete="off">
           <span>Females</span>
    </label>
    <label class="btn btn-default gender-label" id="lbl-male">
     <input type="radio" name="options" id="option2" autocomplete="off">
         <span>Males</span>
      </label>
  </div></li>

当页面加载http://localhost时，会出现两个标签。当用户单击女性时，它将重定向到http://localhost/females。但没有选择新页面的女性标签。新的页面侧栏具有相同的UI。如何使选定的收音机/标签时，它提示和重定向到新的页面。

<script type="text/javascript">
$(document).ready(function () {
    var genderSelect = "";
    $("#lbl-female").click(function () { 
        genderSelect = 'females';
        window.location.href = '<?php echo base_url(); ?>' + genderSelect; 
    });
    $("#lbl-male").click(function () { 
        genderSelect = 'males';      
        window.location.href = '<?php echo base_url(); ?>' + genderSelect;    
    }); }); </script>

由于您想在页面加载的任何一个页面上使用激活特定的单选按钮，因此很容易获得请求uri

在您的Js中，您使用

<script type="text/javascript">
$(document).ready(function () {
   //use php to check here or js to check
     <?php 
      if($_SERVER['REQUEST_URI']=='male'){;
      ?>
         $("#option1").attr('checked',false);
         $("#option2").attr('checked',true);
       <?php }else{ ?>
         $("#option1").attr('checked',true);
         $("#option2").attr('checked',false);
       <?php }?>
    var genderSelect = "";
    $("#lbl-female").click(function () { 
        genderSelect = 'females';
        window.location.href = '<?php echo base_url(); ?>' + genderSelect; 
    });
    $("#lbl-male").click(function () { 
        genderSelect = 'males';      
        window.location.href = '<?php echo base_url(); ?>' + genderSelect;    
    }); }); </script>

顶部的php应该在页面加载时运行并执行任何jquery。我希望它能帮助

您可以在页面加载-上执行此操作

if(location.href.indexOf("males") >= 0) {
    $("#lbl-male").find("radio").attr("selected", "selected");
} else if (location.href.indexOf("females") >= 0) {
   $("#lbl-female").find("radio").attr("selected", "selected");
}

如果我的理解是正确的，你想根据上次(重定向之前(点击的单选框预先选择单选框，你必须保持这个选择的值，并且根据这个值你可以设置单选框。

假设女性广播箱被点击。

var female_radio = $('#lbl-female');
if( femaleRadioClicked === true)
female_radio.prop('checked', true);
相关文章：