我的代码点火器站点具有参数雄性和雌性,如下所示。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);