I am currently using a JavaScript file that was created for me to update form data based on user selections and display radio buttons along with the corresponding costs.
Although the inline CSS in this script works perfectly fine in Chrome and Firefox, it seems to fail in Safari, Internet Explorer, and Opera.
I cannot figure out why it is not functioning properly across all browsers or how to resolve this issue to ensure consistent performance.
Any insights or suggestions would be greatly appreciated.
function update(sqin,name) {
$('#display_size').html(name);
str9 ="<table style='margin-left:10px;float:left;'>";
for (index = 0; index < prices[sqin].length; index++) {
var qty = prices[sqin][index][0];
str9 += '<tr><td style="padding-top:5px;width:90px;"><input type="radio" id="radio_btn" name="productpr1" VALUE="'+qty+':'+prices[sqin][index][1]+
'<label for="radio_btn"><span style="font-family: \'Open Sans\', serif;font-size: 20px;">'+qty+'</span></label>'+
'</td><td style="font-family: \'Open Sans\', serif;font-size: 20px; padding-top:5px;">$'+prices[sqin][index][1]+'</td></tr>';
if (index == 4) {
str9 += "</table><table style='margin-left:175px;'>";
}
}
str9 += "</table>";
$('#price_table').html(str9);
$('[name="product1[]"]').val("ea "+name+" Die-Cut Decals");