28,390
社区成员
发帖
与我相关
我的任务
分享
<form method="get">
<pre id="pre1">选择一KFC:
第一部分:<input type="checkbox" name="fl" value="鸡腿" group="kfc"/>鸡腿 <input type="checkbox" name="fl" value="鸡块" group="kfc"/>鸡块 <input type="checkbox" name="fl" value="鸡胸" group="kfc"/>鸡胸 <input type="checkbox" name="fl" value="鸡屁股" group="kfc"/>鸡屁股
第二部分:<input type="checkbox" name="fl" value="奶茶" group="kfcdrink"/>奶茶 <input type="checkbox" name="fl" value="牛奶" group="kfcdrink"/>牛奶 <input type="checkbox" name="fl" value="咖啡" group="kfcdrink"/>咖啡
选择二永和豆浆:
第一部分:<input type="radio" name="fl" value="油条套餐"/>油条套餐 <input type="radio" name="fl" value="烧饼套餐"/>烧饼套餐 <input type="radio" name="fl" value="糍粑套餐"/>糍粑套餐
选择三麦当劳:
第一部分:<input type="checkbox" name="fl" value="牛肉堡" group="mac"/>牛肉堡 <input type="checkbox" name="fl" value="牛排堡" group="mac"/>牛排堡 <input type="checkbox" name="fl" value="牛腩堡" group="mac"/>牛腩堡
第二部分:<input type="checkbox" name="fl" value="可乐" group="macdrink"/>可乐 <input type="checkbox" name="fl" value="雪碧" group="macdrink"/>雪碧 <input type="checkbox" name="fl" value="芬达" group="macdrink"/>芬达 <input type="checkbox" name="fl" value="七喜" group="macdrink"/>七喜
选择四路边摊:
第一部分:<input type="radio" name="fl" value="煎饼一份"/>煎饼一份</pre><input type="submit" /></form>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
$(function () {
var isCheckbox, groupname, isCheck;
$('#pre1 input').click(function () {
isCheck = this.checked;
isCheckbox = this.type == 'checkbox';
groupname = this.getAttribute('group');
if (isCheck) {
if (isCheckbox) {
$('#pre1 input').not('[group^="' + groupname.replace('drink', '') + '"]').attr('checked', false);//取消勾选非同一组的
$('#pre1 input[group="' + groupname + '"]').not(this).attr('checked', false);//取消勾选非同一部分的
}
else $('#pre1 input').not(this).attr('checked', false);//单选则除这个外全部取消选择
}
});
});
</script>