Save attributes to values

Question

In my current program I am trying to pull the data-price value and the value=" " as well. I know I need to somehow implement the

$(this).attr( )

but it isn't pulling the right information. I am trying to declare a value called id for the seat name and value price for seat cost whenever the checkbox is selected. Any suggestions?

https://jsfiddle.net/pnuqyyqh/5/

score 1 · Accepted Answer · edited May 23 '17 at 10:24

1

The following code will get you started:

$(function() {
    $("input[type=checkbox]").on("change",function(){
        getPropChecked = $(this).prop("checked");
        if(getPropChecked)
        {
            getId = $(this).prop("id");
            getValue = $(this).attr("value");
            getDataPrice = $(this).attr("data-price");
            alert("getId: " + getId + 
              " getValue: " + getValue +  
              " getDataPrice:" + getDataPrice);
        }
    })
})

Please refer to this stack overflow post

edited May 23 '17 at 10:24

Community

1
1

answered May 13 '15 at 13:31

Robin Hosanee

66
2

Ok so I needed to use the .on() function. this is actually the first time I have seen/used the "input[type=checkbox]" before – narue1992 May 13 '15 at 13:34
You don't need to use the `on`. You were simply using `$(this)` in the wrong place since it was out of scope. – André Silva May 13 '15 at 13:36
oh ok. Also, why didn't you have to declare var before getId? – narue1992 May 13 '15 at 13:37
http://stackoverflow.com/questions/2485423/is-using-var-to-declare-variables-optional – André Silva May 13 '15 at 13:42

score 0 · Answer 2 · answered May 13 '15 at 13:10

0

You obtain a data attribute with $(this).data('price'); and its value with $(this).val()

answered May 13 '15 at 13:10

André Silva

1,110
8
24

Weirdest thing. When I use $(this).val() I get a `Cannot read property 'toLowerCase' of undefined' from my meta: ` ` ?? – narue1992 May 13 '15 at 13:17
1

It's not weird, `$(this)` references the checkbox input on the click callback function. Your update function does not know what `$(this)` means. I'm going to edit your jsFiddle. – André Silva May 13 '15 at 13:31

Save attributes to values

2 Answers2