buongiorno, ho un codice che sfrutta name sulle checkbox, ovviamente cosi non funziona perche name è diverso l'uno da l'altro, ma se metto name="product" su tutti funziona benissimo, vorrei che invece di usare name="product" usasse id="product", come posso ovviare?

grazie

codice:
<tr>
<td>Cuscino</td>
<td><input type="checkbox" name="check_cs" id="product" value="100" onclick="p_fioric()"> <textarea rows="2" name="cuscino" cols="50"></textarea><br>
<font size="2">Inserire dettagli e scritta per la fascia</font></td>
<td></td>
<td>Copricassa</td>
<td><input type="checkbox" name="check_cp" id="product" value="200" onclick="p_fioric()"> <textarea rows="2" name="copric" cols="50"></textarea><br>
<font size="2">Inserire dettagli e scritta per la fascia</font></td>
</tr>
<tr>
<td>Cesti</td>
<td><input type="checkbox" name="check_cc" id="product" value="90" onclick="p_fioric()"> <textarea rows="2" name="cesti" cols="50"></textarea><br>
<font size="2">Inserire dettagli e scritta per la fascia</font></td>
<td></td>
<td>Composizioni</td>
<td><input type="checkbox" name="check_comp" id="product" value="70" onclick="p_fioric()"> <textarea rows="2" name="composizioni" cols="50"></textarea><br>
<font size="2">Inserire dettagli e scritta per la fascia</font></td>
</tr>


function p_fioric() {
var input = document.getElementsByName("product");
var total = 0;
for (var i = 0; i < input.length; i++) {
if (input[i].checked) {
total += parseFloat(input[i].value);
}
}
document.getElementsByName("p_fiori")[0].value = total;
}