2014-01-09 4 views
0

Следующее изображение представляет собой всплывающее окно с информацией о рисках, а затем просит пользователей выбрать одну из двух переключателей. Когда нажата кнопка «Я согласен» (Отправить), она должна перенаправляться на разные страницы на основе того, какой переключатель выбран. Кнопка отправки имеет класс jquery. Может ли кто-нибудь помочь мне с кодом jquery, чтобы проверить, какой переключатель выбран и перенаправлен на разные страницы?
IMG http://i43.tinypic.com/2aeuqtf.pngперенаправление на разные страницы на выбранном переключателе с помощью кнопки

HTML, находится ниже,

<div id="mask"> 
    </div> 
    <!-- create white empty box --> 
    <div id="boxes" class="bodytext"> 
     <!-- things that go in the box --> 
     <div id="dialog" class="window"> 
      <strong>Disclaimer and Risk Warnings</strong> 
      <br /> 
      <br /> 
      <div class="bodytext" style="overflow: auto; height: 160px; width: 500px;  border: activeborder 1px solid;">     
      </div> 
      <br/> 
      <strong> Please select the user type that applies to you</strong> 
      <br/>    
      <asp:RadioButtonList ID="RadioButtonList1" runat="server"> 
      <asp:ListItem>Private Clients</asp:ListItem> 
      <asp:ListItem>Professional Intermediaries</asp:ListItem> 
      </asp:RadioButtonList>    

      <p> 
       <input id="AcceptButton" type="button" value="I Agree" class="close" style="margin-left: 215px" /> 
      </p> 
     </div> 
    </div> 

Класс JQuery ниже

   $('.window .close').click(function (e) { 

       $.cookie("CamSession1", "CAM");     
       if ($('#Private Clients').is(':checked')) { 
        window.location.replace("http://stackoverflow.com"); 
       } 
       else if ($('#Professional Intermediaries').is(':checked')) { 
        window.location.replace("http://exchange.com"); 
       } 
       e.preventDefault(); 
       $('#mask').hide(); 
       $('.window').hide(); 
      }); 
+0

после визуализации HTML из RadioButtonList – Satpal

+1

почему вы используете кнопку RUNAT сервера радио? –

+0

Нет особой причины, подумал, что я сделаю переадресацию на код позади. Но у него уже есть класс jquery, чтобы скрыть маску, которую она создает, прежде чем появляться, поэтому я думал о добавлении перенаправления в самом классе jquery. Должен ли я использовать радио входного типа? – danny

ответ

2

Попробуйте

Html

<div id="mask"> 
    </div> 
    <!-- create white empty box --> 
    <div id="boxes" class="bodytext"> 
     <!-- things that go in the box --> 
     <div id="dialog" class="window"> 
      <strong>Disclaimer and Risk Warnings</strong> 
      <br /> 
      <br /> 
      <div class="bodytext" style="overflow: auto; height: 160px; width: 500px;  border: activeborder 1px solid;">     
      </div> 
      <br/> 
      <strong> Please select the user type that applies to you</strong> 
      <br/>    
      <input type="radio" name="rdotnc" id="rdo1" />Private Clients 
      <input type="radio" name="rdotnc" id="rdo2"/>Professional Intermediaries 
      </asp:RadioButtonList>    

      <p> 
       <input id="AcceptButton" type="button" value="I Agree" class="close" style="margin-left: 215px" /> 
      </p> 
     </div> 
    </div> 

Javascript

$('.window .close').click(function (e) { 
       //$.cookie("CamSession1", "CAM"); 
       if ($('#rdo1').is(':checked')) { 
        window.location.replace("http://www.stackoverflow.com"); 
       } 
       else if ($('#rdo2').is(':checked')) { 
        window.location.replace("http://www.exchange.com"); 
       } 
       $('#mask').hide(); 
       $('.window').hide(); 
      }); 

Проверить скрипку here

Смежные вопросы