select input inside list based on value using JQuery

Question

I have the following list

enter image description here

and I need to disable the radio button with a specific value how can I do that using JQuery

Ashraf Bashir · Answer 1 · 2013-08-14T11:56:57.000

3

If you are using jQuery >= 1.6:

var desiredValue = 10; // or whatever value you need to disable
$("input[type=radio][value=" + desiredValue + "]").prop("disabled",true);

& If you are using jQuery < 1.6 do this:

var desiredValue = 10; // or whatever value you need to disable
$("input[type=radio][value=" + desiredValue + "]").attr("disabled","disabled");

edited Aug 14 '13 at 11:56

answered Aug 14 '13 at 11:47

Ashraf Bashir

I need to select the elements that are only inside the ul not all radio elements I have others with the same values also – wala rawashdeh Aug 14 '13 at 12:15
keep one class for all radio's inside ul and then check with value and then attr/prop disabled......... by this all the input type radio will be disabled if more then one has same value on same page. – Anup Aug 14 '13 at 12:54

chris vietor · Accepted Answer · 2013-08-14T14:47:02.640

3

Try the following:

$(":radio[value=15]").prop('disabled', 'disabled');

Edited 'attr' to 'prop' method, thanks Ashraf Bashir

UPDATE

If you want to use the jquery selector for the radio buttons only inside your 'ulTeams', use the following selector:

$("#ulTeams :radio[value=15]").prop('disabled', 'disabled');

edited Aug 14 '13 at 14:47

answered Aug 14 '13 at 11:49

chris vietor

1

For more info, kindly check: http://stackoverflow.com/questions/5874652/prop-vs-attr – Ashraf Bashir Aug 14 '13 at 12:00

2 Answers2