<input type="checkbox" name="cbox" value="cbox1" onClick="chooseOne(this);">checkBox1
<input type="checkbox" name="cbox" value="cbox2" onClick="chooseOne(this);">checkBox2
<input type="checkbox" name="cbox" value="cbox3" onClick="chooseOne(this);">checkBox3
<input type="checkbox" name="cbox" value="cbox4" onClick="chooseOne(this);">checkBox4
<script src="jquery-1.2.6-vsdoc-cn.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
var choose;
function chooseOne(cb) {
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("cbox");
for (i = 0; i < obj.length; i++) {
//判斷obj集合中的i元素是否為cb,若否則表示未被點選
if (obj[i] != cb) obj[i].checked = false;
//若是 但原先未被勾選 則變成勾選;反之 則變為未勾選
//else obj[i].checked = cb.checked;
//若要至少勾選一個的話,則把上面那行else拿掉,換用下面那行
else obj[i].checked = true;
}
}
function alert() {
alert(choose);
}
是这样,多个Checkbox,只能单选一个,然后取出它的值 alert(choose);
用jquery或者js的方法,怎么取呢
<input type="checkbox" name="cbox" value="cbox2" onClick="chooseOne(this);">checkBox2
<input type="checkbox" name="cbox" value="cbox3" onClick="chooseOne(this);">checkBox3
<input type="checkbox" name="cbox" value="cbox4" onClick="chooseOne(this);">checkBox4
<script src="jquery-1.2.6-vsdoc-cn.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
var choose;
function chooseOne(cb) {
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("cbox");
for (i = 0; i < obj.length; i++) {
//判斷obj集合中的i元素是否為cb,若否則表示未被點選
if (obj[i] != cb) obj[i].checked = false;
//若是 但原先未被勾選 則變成勾選;反之 則變為未勾選
//else obj[i].checked = cb.checked;
//若要至少勾選一個的話,則把上面那行else拿掉,換用下面那行
else obj[i].checked = true;
}
}
function alert() {
alert(choose);
}
是这样,多个Checkbox,只能单选一个,然后取出它的值 alert(choose);
用jquery或者js的方法,怎么取呢
function chooseOne(cb) {
var obj = document.getElementsByName("cbox");
for (i = 0; i < obj.length; i++) {
obj[i].checked = false;}
cb.checked = true;alert(cb.value);
}
function chooseOne(element)
{
$('input').each(function()
{
if(element != this)
{
this.checked = false;
}
else
{
alert($(this).val());
}
});
}