Как скрыть блок при выбранном radio?

Question

[Глеб Николаев]

Что я делаю не так?
html:

<input name="shipping_method" value="dif.dif" id="dif.dif" checked="checked" type="radio">

Понимаю, что точка в названии id не очень хорошо, но в данной ситуации ничего не поделаешь. Результат возвращается сторонним сервисом.
И, собственно, код js:

if($('#dif.dif').prop('checked')) { 
	$('#buttons').hide();
}

В результате #buttons не скрывается. Что делать?

Answer 1

[Stalker_RED]

Да, не очень хорошо, но допустимо:

Naming rules:
Must contain at least one character
Must not contain any space characters
In HTML, all values are case-insensitive

https://www.w3schools.com/tags/att_global_id.asp

$('[id="dif.dif"').css('outline', 'dashed 2px red')
$('#dif\\.bar').css('outline', 'dashed 2px blue')

https://jsfiddle.net/n53naxsm/

Comments

[Глеб Николаев]

Спасибо! Помогло