Problem med jquery i firefox
Hejsa,Jeg har lidt jquery kode der skal finde alle radiogroups og tilføje en input type radio i starten af hver gruppe. Hvis ingen af de eksisterende inputs er valgt, skal den nye være valgt.
Her er koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$(".radio_group br").remove('');
$(".radio_group").each(function(index) {
var id = $(this).attr('id')+'_999';
var name = $(":first", this).attr('name');
if ($('input[name='+name+']:checked', this).val() == undefined) {
var checked = 'checked="checked"';
}else{
var checked = '';
}
var itemHtml = '<input type="radio" id="'+id+'" name="'+name+'" value="" '+checked+' /> '+
'<label for="'+id+'">N/A</label>';
$(":first", this).before(itemHtml);
});
});
</script>
</head>
<body>
<table>
<tr>
<td><label for="P9_PREFERRED_TENANT_GENDER" tabindex="999">PPREFERRED TENANT GENDER</label></td>
<td>
<fieldset id="P9_PREFERRED_TENANT_GENDER" class="radio_group">
<input type="radio" id="P9_PREFERRED_TENANT_GENDER_0" name="p_t16" value="A" />
<label for="P9_PREFERRED_TENANT_GENDER_0">Any gender</label><br />
<input type="radio" id="P9_PREFERRED_TENANT_GENDER_1" name="p_t16" value="F" />
<label for="P9_PREFERRED_TENANT_GENDER_1">Female</label><br />
<input type="radio" id="P9_PREFERRED_TENANT_GENDER_2" name="p_t16" value="M" />
<label for="P9_PREFERRED_TENANT_GENDER_2">Male</label>
</fieldset>
</td>
</tr>
</table>
</body>
</html>
I kan køre koden ved at kopiere det ud i en .html fil.
Problemet i firefox er at det valgte element i radiogruppen skifter et hak til højre ved reload. Det sker ikke hvis jeg går til adresselinien og trykker enter, kun når jeg trykker reload (F5)