blob: f76b8462cdb756a612776ffa8d7c9944ad9576d1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
$(function() {
//detect js
$('html')
.removeClass('no-js')
.addClass('js');
//style radios
var i = 0;
$('input[type=radio]').each(function() {
$(this).attr('data-replacementid', i);
$(this).after('<span class="radioreplacement" id="' + i +'" data-name="' + $(this).attr('name') + '" style="text-indent:-9999px;">•</span>');
$(this).hide();
i++;
});
$('.radioreplacement').click(function() {
var id = $(this).attr('id');
$('input[type=radio][data-replacementid=' + id + ']').attr('checked', 'checked');
var color = $(this).css('color');
$('.radioreplacement[data-name=' + $(this).attr('data-name') + ']').css({
textIndent: '-9999px'
});
$(this).css({
textIndent: '0'
});
$('input[type=radio][name=' + $(this).attr('data-name') + ']').attr('checked', 'false');
});
//style checkboxes
i = 0;
$('input[type=checkbox]').each(function() {
$(this).attr('data-replacementid', i);
if ($(this).attr('checked') === 'checked') {
var checked = 'checked';
}
else {
var checked = 'false';
}
$(this).after('<span class="checkboxreplacement" id="' + i +'" data-name="' + $(this).attr('name') + '" data-checked="' + checked + '" style="text-indent:-9999px;">✓</span>');
$(this).hide();
i++;
});
$('.checkboxreplacement').click(function() {
$('input[type=checkbox][data-replacementid=' + $(this).attr('id') + ']').click();
$(this).toggleClass('checked');
});
});
|