Javascript 如何在加载新页面时启用jquery标签/单选按钮
我的codeigniter站点的参数为雄性和雌性,如下所示Javascript 如何在加载新页面时启用jquery标签/单选按钮,javascript,jquery,codeigniter,Javascript,Jquery,Codeigniter,我的codeigniter站点的参数为雄性和雌性,如下所示route.php完成 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"> <
route.php
完成
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>
您可以在页面加载时执行此操作-
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");
}
由于您希望在任何页面加载上使用activate(激活)特定单选按钮,因此获取请求uri是非常困难的 在ur 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>
$(文档).ready(函数(){
//在此处使用php进行检查,或使用js进行检查
$(“#选项1”).attr('checked',false);
$(“#选项2”).attr('checked',true);
$(“#选项1”).attr('checked',true);
$(“#选项2”).attr('checked',false);
var genderSelect=“”;
$(“#lbl女性”)。单击(函数(){
性别选择=‘女性’;
window.location.href=''+性别选择;
});
$(“#lbl男性”)。单击(函数(){
性别选择=‘男性’;
window.location.href=''+性别选择;
}); });
顶部的php应该在页面加载时运行并执行任何jquery。我希望它有帮助如果我理解正确,您希望根据上次单击的收音机(重定向之前)预先选择收音机框,您必须保留此选定值,并根据您可以设置收音机的值 假设女性的收音机被点击了
var female_radio = $('#lbl-female');
if( femaleRadioClicked === true)
female_radio.prop('checked', true);
有什么问题?我不明白你的问题。你能详细说明你的要求吗?是
http://localhost/males
和http://localhost/females
是不同的应用程序项目吗?或者它们在同一个codeigniter应用程序上?请查看更新您需要获得控制器中传递的参数,并将此参数传递给视图,并对照单选按钮进行检查,例如:
var female_radio = $('#lbl-female');
if( femaleRadioClicked === true)
female_radio.prop('checked', true);