2015-08-17 8 views
1

У меня здесь есть функция javascript, и я довольно новичок в javascript, может кто-нибудь рассказать им, почему он не работает?Javascript не работает onclick

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="EduAssist.WebForm1" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 
<script src="Scripts/jquery-1.10.2.min.js"></script> 
<script src="assets/scripts.js"></script> 
<script type="text/javascript"> 
    $("#clickme").click(function (e) { 
     var selected = $("#checkboxes input:checked").map(function (i, el) { return el.name; }).get(); 
     alert("selected = [" + selected + "]\nas string = \"" + selected.join(";") + "\""); 
    }); 
</script> 
<div id="checkboxes"> 
    <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1 
    <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2 
    <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3 
    <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4 
</div> 
<input type="button" id="clickme" value="click me, now!" onclick="clickme" /> 

Я работаю в C# и asp.net

Thanx

+2

Для начала ваш обработчик события клика должен находиться внутри документа, готового: https://api.jquery.com/ready/ –

+2

Если вы поставили JS наверху, что не очень хорошо, потому что это не может быть используется до тех пор, пока страница не загрузится, тогда вам понадобится '$ (document) .ready (function() {' wrapper. – Popnoodles

ответ

3

Вы должны переместить свой код в JQuery документ, готовый Заблокировать

$(document).ready(function(){ 
    $("#clickme").click(function (e) { 
     var selected = $("#checkboxes input:checked").map(function (i, el) { return el.name; }).get(); 
     alert("selected = [" + selected + "]\nas string = \"" + selected.join(";") + "\""); 
    }); 
}); 

Кроме того, удалите атрибут onclick из html. Это не требуется, поскольку вы привязываете событие, используя jquery.

+1

Спасибо :) работал – Cleaven

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