How to set a value to an attribute with Javascript

Question

<input 
    type="checkbox" 
    onclick="ToggleAllItems(event,this,12)" 
    title="Select or deselect all items" 
    class="s4-selectAllCbx"
>

How can I set var i = 15 to the onclick attribute instead of 12?

It should be changed after the PageLoad.

What task are you trying to complete by doing this? There may be an easier way than mucking around with the value of an onclick attribute. — ajp15243
– ajp15243, Commented Apr 4, 2014 at 2:14
@ajp15243: I need to split the onclick away and then add it again to my code. However, the "12" is not a solid number, I need to set "15" or another number to this. — PMay 1903
– PMay 1903, Commented Apr 4, 2014 at 2:18
@dbh: It calls a js file which has a large amount of code. As a result, I do not want to change anything from that file. — PMay 1903
– PMay 1903, Commented Apr 4, 2014 at 2:20

Cyassin · Accepted Answer · 2014-04-04 05:04:44Z

1

EDITED TO FIX MISTAKE

In Jquery you can try this:

$("#id").attr("onclick","ToggleAllItems(event,this," + i + ")");

It would take the onclick attribute and rewrite its value, so you can change the third parameter to i.

Note:

You would have to make sure this attr change happens before the onclick event executes.

edited Apr 4, 2014 at 5:04

answered Apr 4, 2014 at 2:18

Cyassin

1,5001 gold badge15 silver badges32 bronze badges

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

7 Comments

PMay 1903 Over a year ago

change onclick="ToggleAllItems(event,this,12)" to onclick="ToggleAllItems(event,this,15)". I just want to make sure that this has been changed before the onclick event executes.

Cyassin Over a year ago

Place my code into $(document).ready(function() { "CODE GOES HERE" }); document ready runs on page load. Change i in my code to whatever you want the number to be, e.g 15

PMay 1903 Over a year ago

That's great. I have tried it but the i was i, it wasn't as anything I expected. var i = number (number here can be 15,20,25,30...)

Cyassin Over a year ago

place the var i = number as the first line in the document.ready function

Cyassin Over a year ago

Oh sorry. Mental blank.... $("#id").attr("onclick","ToggleAllItems(event,this," + i + ")");

|

VVV · Accepted Answer · 2014-04-04 02:36:33Z

1

Why not removing the onclick property and adding yours... LIKE THIS FIDDLE

$('.s4-selectAllCbx').prop('onclick', '');
$('.s4-selectAllCbx').on('click', function (event) {
    ToggleAllItems(event, this, 15)
})

answered Apr 4, 2014 at 2:36

VVV

7,6033 gold badges37 silver badges55 bronze badges

5 Comments

PMay 1903 Over a year ago

Thank you for your code. However, it should be changed before the onclick event executes.

VVV Over a year ago

So you can't do all of when the page loads? Remove the current onclick and add yours?

PMay 1903 Over a year ago

@vyx.ca: When the page loads, I can extract "15" from another attribute and then Can I add the number to the onclick event before it executes?

PMay 1903 Over a year ago

@vyx.ca: What do you mean here?

VVV Over a year ago

That was what I was saying. When the page loads, you replace all the current onclick events with the information you want. This will happen before the user clicks on the button so the initial code will not run, only the new one you created.

kenicky · Accepted Answer · 2014-04-04 02:32:16Z

0

I'm not sure if this answers your question. Please don't use onclick attribute if you will to put data.

$("#yourinputid").click(function(e) {
    var event = e;
    var element = this; // your "this" will be element.
    var i = 15;

    //paste you ToggleAllItems() code here.
});

answered Apr 4, 2014 at 2:32

kenicky

4414 silver badges14 bronze badges

6 Comments

PMay 1903 Over a year ago

Thank you for your response but the ToggleAllItems() was a function of SharePoint. Therefore, I am attempting to split it away and try to add it again in order to make sure that it runs as it's own SharePoint's function.

kenicky Over a year ago

Ok, I'm guessing here. What if, $("#yourinputid").click(function(e) { var i = 15; ToggleAllItems(e,this,i) });

PMay 1903 Over a year ago

As a quick glance, does it run after the executing of the checkbox's onclick event?

PMay 1903 Over a year ago

Thank you. Yet what I need here is it is automatically changed after the PageLoad. When I use the onclick event that runs another function.

kenicky Over a year ago

So you want to change the element's 'onclick' property? or you just want to change the 12 to 15?

|

Collectives™ on Stack Overflow

How to set a value to an attribute with Javascript

3 Answers 3

7 Comments

5 Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

5 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related