CODEWITHSUNDEEP
jquerygoogle-chrome
damir
damir

Reputation: 1978

testing jQuery statements in Chrome JavaScript console

I'm trying to change a checkbox value from chrome JavaScript console. I'm aware that changes are printed to object and not on screen. I'd like to execute a jQuery statement, i.e.: 

('input[name=foo]').attr('checked', true);

Is there any way to enter a jQuery statement, and and see changes instantly in the page?

Upvotes: 25

Views: 62476

Answers (4)

Santeri Vesalainen
Santeri Vesalainen

Reputation: 551

Yeah, and even if you don't have jquery available let it be :)

Edited snippet from How can I use jQuery in Greasemonkey scripts in Google Chrome?

var script = document.createElement("script");
  script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js");
  script.addEventListener('load', function() {
    var script = document.createElement("script");
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);

After this go.

Upvotes: 40

Anurag Uniyal
Anurag Uniyal

Reputation: 88727

In chrome console you can do run any JavaScript, so if page has jQuery loaded, you can access the element and check/uncheck it e.g. stackoverflow.com (this site) uses jQuery so I can just access answer textarea and enter a value, try this

$('#wmd-input').val('This is my answer')

So you can do anything which is possible in jQuery.

Upvotes: 6

Shikiryu
Shikiryu

Reputation: 10219

If you got jQuery loaded in the current page, you can type jQuery command.

Just type $('input[name=foo]').attr('checked', true); or whatever should work in jQuery and press enter.

Upvotes: 1

sje397
sje397

Reputation: 41802

$('input[name=foo]').click();

does the same thing as clicking with your mouse.

Upvotes: 0

Related Questions