JQuery флажок оповещения - PullRequest
2 голосов
/ 09 июня 2009

Я унаследовал следующий флажок:

<td><div class="text_note"><label for="terms" class="text button_action">
<input type="checkbox" name="terms" id="terms"
onClick="checkCheckBox(this, 'inf_terms', true)">
&nbsp;I understand and agree to the Terms &amp; Conditions.
</label>&nbsp;<span id="inf_terms">&nbsp;</span></div></td>

Мне нужно написать функцию jquery (новичок), чтобы, если флажок для условий условия не установлен, появится предупреждающее сообщение, говорящее пользователю, чтобы установить флажок перед переходом на следующую страницу. Спасибо за любую помощь

Ответы [ 3 ]

2 голосов
/ 09 июня 2009

Здесь показано, как настроить событие onClick для флажка. Он будет срабатывать каждый раз при нажатии на флажок ... Я сделал то же самое для идеи кнопки отправки как id = buttonID ...

$(function() {
   //checkbox
   $("#terms").click(function(){
       //if this...
       //alert("this")...
       if($("#terms").is(':checked'))
       {              
          alert("im checked");
       }
   });
   //button
   $("#buttonID").click(function(e){
       if(!$("#terms").is(':checked'))
       {
           alert("you did not check the agree to terms..."); 
           e.preventDefault();
       }
   });
 }
1 голос
/ 09 июня 2009

Я вижу, что в вашем входном теге есть обработчик события onClick javascript, который не понадобится, если вы используете функцию события click, которую предлагает jquery, если только вы не делаете то, что не упомянули. Но чтобы настроить его так, чтобы он не переходил на следующую страницу, если флажок не установлен, вам нужно знать кнопку, которая нажата 1002 *, чтобы перейти на следующую страницу, скажем, идентификатор кнопки равен ' Button1'

 $(function(){
  $('#button1').click(function(){  
  if($('#terms').is(':checked'));
  {
  }
  else{
     alert("Please check the checkbox saying you agree with terms");
     return false;
   } 
 });
});
0 голосов
/ 09 июня 2009
if($("#terms:not(:checked)")) {

alert("some message");

};

// (извините, пропустил скобку в первый раз)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...