Bonjour,
jai une liste de 5 checkbox jaimerais que une fois quil y en a un de sélectionné si jen sélectionne un autre bien que le précédent soit déselectionné
exactement pour pour les radio button
Pouvez-vous m,aider?
Merci
Code : Tout sélectionner
<HTML>
<HEAD>
<SCRIPT>
function behaveLikeRadio(thisCheckBox) {
if(!thisCheckBox.checked) return;
var tableNode = thisCheckBox.parentNode.parentNode.parentNode.parentNode;
var checkBoxes = tableNode.getElementsByTagName("INPUT");
for (var i=0; i<checkBoxes.length; i++) {
if(checkBoxes[i].name != thisCheckBox.name
&& checkBoxes[i].type.toLowerCase() == "checkbox"
&& checkBoxes[i].id == thisCheckBox.id) {
checkBoxes[i].checked = false;
}
}
}
</SCRIPT>
</HEAD>
<BODY>
One record
<TABLE border="1">
<TR>
<TD><INPUT type="checkbox" name="Row1_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row1_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="Row2_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row2_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="Row3_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row3_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
</TABLE>
<BR>
Another record
<TABLE border="1">
<TR>
<TD><INPUT type="checkbox" name="Row1_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row1_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="Row2_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row2_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="Row3_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row3_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Code : Tout sélectionner
<HTML>
<HEAD>
<SCRIPT>
function behaveLikeRadio(thisCheckBox) {
if(!thisCheckBox.checked) return;
var tableNode = thisCheckBox.parentNode.parentNode.parentNode.parentNode;
var checkBoxes = tableNode.getElementsByTagName("INPUT");
for (var i=0; i<checkBoxes.length; i++) {
if(checkBoxes[i].name != thisCheckBox.name
&& checkBoxes[i].type.toLowerCase() == "checkbox"
&& checkBoxes[i].id == thisCheckBox.id) {
checkBoxes[i].checked = false;
}
}
}
</SCRIPT>
</HEAD>
<BODY>
One record
<TABLE border="1">
<TR>
<TD><INPUT type="checkbox" name="Row1_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row1_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="Row2_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row2_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="Row3_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row3_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
</TABLE>
<BR>
Another record
<TABLE border="1">
<TR>
<TD><INPUT type="checkbox" name="Row1_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row1_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="Row2_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row2_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="Row3_Col1" id="Col1" onclick="behaveLikeRadio(this)"></TD>
<TD><INPUT type="checkbox" name="Row3_Col2" id="Col2" onclick="behaveLikeRadio(this)"></TD>
</TR>
</TABLE>
</BODY>
</HTML>