<!DOCTYPE HTML>
<html
lang="en-US">
<head>
<meta
charset="UTF-8">
<title></title>
<script
type="text/javascript"
src="js/jquery-1.8.3.js"></script>
<script
type="text/javascript">
$(function(){
$("#all").change(function(){
if(!$(this).is(":checked")){
$("input[name=‘aihao‘]").attr("checked",false);
}else{
$("input[name=‘aihao‘]").attr("checked",true);
}
});
$("#noall").click(function(){
if($(this).is(":checked")){
$("input[name=‘aihao‘]").attr("checked",false);
}
});
$("#fan").click(function(){
if($(this).is(‘:checked‘)){
$("input[name=‘aihao‘]").each(function(){
if($(this).is(‘:checked‘)){
$(this).attr(‘checked‘,false);
}else{
$(this).attr(‘checked‘,true);
}
});
}
});
$("#select").change(function(){
alert($(this).val() + ‘ + ‘ +
$(this).find(‘option:selected‘).text());
});
$("input[name=‘gender‘]").change(function(){
$(this).siblings().attr(‘disabled‘,true)
});
});
</script>
</head>
<body>
<div id="main">
<input
type="checkbox" name="aihao" id="ckb1" />爬山
<input type="checkbox" name="aihao" id="ckb2"
/>听音乐
<input type="checkbox"
name="aihao" id="ckb3" />看电影
<input type="checkbox" name="aihao" id="ckb4" />看书
<input type="checkbox" name="aihao" id="ckb5"
/>玩游戏
<br />
<input type="checkbox" name="all" id="all"
/>全选
<input type="checkbox"
name="noall" id="noall" />全不选
<input type="checkbox" name="fan" id="fan" />反选
<br />
<hr />
<br
/>
<select name=""
id="select">
<option value="1">中国</option>
<option
value="2">俄罗斯</option>
<option
value="3">巴基斯坦</option>
<option
value="4">古巴</option>
<option
value="5">朝鲜</option>
</select>
<br
/>
<input type="radio"
name="gender" id="male" value="male" checked="checked" />男
<input type="radio" name="gender" id="female"
value="female" />女
<input
type="radio" name="gender" id="other" value="other" />其他
</div>
</body>
</html>
相关文章
- 08-28使用JQuery获取被选中的checkbox的value值
- 08-28用jquery和js获取select标签中选中的option值及文本
- 08-28获得select被选中option的value和text
- 08-28el-select获取选中的value和label（值和id）
- 08-28Jquery chosen动态设置值 select Ajax动态载入数据 设置chosen和获取他们选中的值
- 08-28Jquery chosen动态设置值实例介绍 select Ajax动态加载数据 设置chosen和获取他们选中的值
- 08-28JS中获取页面单选框radio和复选框checkbox中当前选中的值
- 08-28使用JQuery获取被选中的checkbox的value值
- 08-28jquery获取radio和select选中值
- 08-28jquery和bootstrap获取checkbox选中的多行数据