Adding JQuery to java servlet

Question

  out.println("<html>");
    out.println("<head>"
            + "<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js\"></script>"
            + "<script>"
            + "$('input[type=\"checkbox\"]').on('change', function(){$('input[type=\"checkbox\"]').not(this).prop('checked', false);});"
            + "</script>"
            + "</head>");
    out.println("<body>");

I want to check only 1 checkbox at a time and would like to use this script to do that. The script itself is working, however in the servlet it isn't.

How can i add this script to the servlet?

Tagir Valeev · Accepted Answer · 2015-06-02 11:20:18Z

1

It's unlikely a servlet problem. You execute your jQuery code before the page body is loaded, thus you have no checkboxes yet and your events are not registered. Try to wrap it into $(function() {...}).

out.println("<html>");
out.println("<head>\n"
        + "<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js\"></script>\n"
        + "<script>\n"
        + "$(function() {\n"
        + "  $('input[type=\"checkbox\"]')\n"
        + "    .on('change', function(){$('input[type=\"checkbox\"]').not(this).prop('checked', false);});\n"
        + "});\n"
        + "</script>\n"
        + "</head>");
out.println("<body>");

answered Jun 2, 2015 at 11:20

Tagir Valeev

101k19 gold badges233 silver badges346 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Neeraj Jain · Accepted Answer · 2015-06-02 11:23:34Z

0

You can wrap up your JQuery code inside a function so that it will be executed once your document is ready not before that like this :

$( document ).ready(function() {
$('input[type=\"checkbox\"]').on('change', function(){$('input[type=\"checkbox\"]').not(this).prop('checked', false);});
});

answered Jun 2, 2015 at 11:23

Neeraj Jain

7,7308 gold badges36 silver badges65 bronze badges

Collectives™ on Stack Overflow

Adding JQuery to java servlet

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related