2016-09-28 64 views
-1

我的codeigniter站點的參數男性和女性如下。 route.php完成。如何在加載新頁面時啓用jquery label/Radio按鈕

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。但是未選擇新頁面女性標籤。新的頁面欄有相同的用戶界面。如何在選中電臺/標籤時製作並重定向到新頁面。

<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> 
+2

什麼問題?我不明白你的問題。 – LinkinTED

+0

您能否滿足您的要求? –

+0

是'http:// localhost/males'和'http:// localhost/females'是不同的應用程序項目?還是他們在同一個codeigniter應用程序? – developer

回答

0

你可以在頁面加載做到這一點 - 因爲你要使用激活特定的單選按鈕aany頁面加載的

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"); 
} 
3

,相當得到請求URI

在你使用的是

<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。我希望它可以幫助

0

如果我理解正確,您希望根據上次(重定向之前)單擊哪個收音機預選無線電框,您必須堅持選定的值並根據您的值可以設置收音機。

假設女性單選框被點擊。

var female_radio = $('#lbl-female'); 
if(femaleRadioClicked === true) 
female_radio.prop('checked', true); 
相關問題