2013-05-14 2 views
1

Я не могу позвонить jQuery в submit. Предупреждение в функции не отображается.Как вызвать функцию отправки?

Я хочу отобразить предупреждение обо всех проверенных именах флажков.

вот мой код:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 

    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
     <title>Insert title here</title> 
    </head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 

    </script> 
    <script> 
     $(document).ready({ 

      $("#roleManagement").submit(function() { 
       alert("hi"); 
       var selected = new Array(); 
       $('#checkboxes input:checked').each(function() { 
        selected.push($(this).attr('name')); 
       }); 
       $.each(selected, function(key, value) { 
        alert(key + ": " + value); 
       }); 

      }); 
    </script> 

    <body> 
     <form method="post" id="roleManagement">Role Id 
      <input type="text" name="roll_id" /> 
      <br>Role Name 
      <input type="text" name="roll_name" /> 
      <br>Role Description 
      <textarea name="roll_desc"></textarea> 
      <br> 
      <br> 
      <br> 
      <div id="checkboxes">Screen1 
       <br>tab1 
       <br> 
       <input type="checkbox" name="s1_t1_view" value="s1_t1_view" checked="checked >view<br> 
       <input type=" checkbox " name="s1_t1_add " value="s1_t1_add " >add<br> 
       <input type="checkbox " name="s1_t1_edit " value="s1_t1_edit " >edit<br> 
       <input type="checkbox " name="s1_t1_delete " value="s1_t1_delete " >delete<br> 

       tab2<br> 

       <input type="checkbox " name="s1_t2_view " value="s1_t2_view " >view<br> 
       <input type="checkbox " name="s1_t2_add " value="s1_t2_add " >add<br> 
       <input type="checkbox " name="s1_t2_edit " value="s1_t2_edit " >edit<br> 
       <input type="checkbox " name="s1_t2_delete " value="s1_t2_delete " >delete<br> 

       Screen2<br> 

       tab1<br> 

       <input type="checkbox " name="s2_t1_view " value="s2_t1_view " >view<br> 
       <input type="checkbox " name="s2_t1_add " value="s2_t1_add " >add<br> 
       <input type="checkbox " name="s2_t1_edit " value="s2_t1_edit " >edit<br> 
       <input type="checkbox " name="s2_t1_delete " value="s2_t1_delete " >delete<br> 

       tab2<br> 

       <input type="checkbox " name="s2_t2_view " value="s2_t2_view " >view<br> 
       <input type="checkbox " name="s2_t2_add " value="s2_t2_add " >add<br> 
       <input type="checkbox " name="s2_t2_edit " value="s2_t2_edit " >edit<br> 
       <input type="checkbox " name="s2_t2_delete " value="s2_t2_delete " >delete<br> 
      </div> 
      <input type="submit " name="sumbit " text="submit "> 
     </form> 
    </body> 
</html> 

Где я буду неправильно?

+0

Вы используете это из локальной файловой системы? –

+1

@pXL да. Я работаю в локальной системе. –

+1

checked = "checked> view
Отсутствует закрывающая цитата: checked =" checked "> view

ответ

6

Ваш сценарий не надлежащим образом, вам необходимо передать функцию в качестве параметра в значение ready()

$(document).ready(function() { 
    $("#roleManagement").submit(function() { 
     alert("hi"); 
     var selected = new Array(); 
     $('#checkboxes input:checked').each(function() { 
      selected.push($(this).attr('name')); 
     }); 
     $.each(selected, function(key, value) { 
      alert(key + ": " + value); 
     }); 

    }) 
}); 
+2

Thanks Это хорошо работает. –

+0

@DeepeshShetty: Если этот ответ помог вам решить вашу проблему, вы должны подумать о том, чтобы отметить ее как принятую, чтобы указать будущим пользователям, что это то, что помогло вам решить ее. – Nope

+1

@ FrançoisWahl Сделал это. Извините за задержку , –

2

Как вы работаете это из локальной файловой системы, которую необходимо поместить http: в JQuery Lib ссылке -

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script> 

Ваш document.ready синтаксис должен быть как -

$(document).ready(function(){ 
}); 
+1

Изменен. Но он все еще не запускает функцию. –

+0

@DeepeshShetty Вам необходимо исправить ваш syntex. См. Обновление в ответе –

2

Это выглядит так, как будто вам не хватает концовки

}); 

от вас document.ready (обертка) на вашем JavaScript. Закройте это, и все будет хорошо.

Это jsfiddle, показывающий, что ваш код действительно запущен.

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