<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<select id="single">
<option>徐海涛1</option>
<option>徐海涛</option>
<option>徐大硕</option>
</select>
<input type="checkbox" name="kk" value="check1" /> check111
<input type="checkbox" name="kk" value="check2" /> check222
<input type="checkbox" name="kk" value="check3" /> check333
<input type="radio" name="kk1" value="radio1" /> radio111
<input type="radio" name="kk1" value="radio2" /> radio222
<input name="email" disabled="disabled" />
<button onclick="dianji()">点击</button>
</body>
<script>
$("#single").val("徐海涛1"); //初始下拉列表选中
$("input[name=kk]").val(["check1", "check2"]); //多选
$("input[name=kk1]").val(["radio1"]); //单选
function dianji() {
$("input[name=kk]:checked").each(function(index, ele) { //checked 勾选的
console.log($(ele).val());
})
console.log("------------");
$("input[name=kk1]:checked").each(function(index, ele) {
console.log($(ele).val());
})
}
console.log($("input:enabled").length)
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body style="margin-left: 0px;padding-left: 0px;">
<!-- 下拉菜单 -->
<select id="single">
<option>Single1</option>
<option>Single2</option>
</select>
<br/> <br/>
<!-- 多选 -->
爱好:
<input type="checkbox" name="like" value="唱歌" /> 唱歌
<input type="checkbox" name="like" value="跳舞" /> 跳舞
<br/><br/> 喜欢哪些语言:
<input type="checkbox" name="langue" value="C#" /> C#
<input type="checkbox" name="langue" value="Java" /> Java
<input type="checkbox" name="langue" value="Javascript" /> Javascript
<input type="checkbox" name="langue" value="c++" /> c++
<br/><br/> 爱跑步吗?
<input type="radio" name="run" value="爱" /> 爱1
<input type="radio" name="run" value="不爱" /> 不爱1
<script>
$("#single").val("Single2"); //默认下拉选中Single2
//下拉菜单一旦改变,会调用函数
$("#single").change(function() {
console.log($("#single").val()); //取出下拉菜单选中的值
});
//多选 爱好:
$("input[type=checkbox][name=like]").val(["唱歌", "跳舞"]);
$("input[type=checkbox][name=like]").change(function() {
$("input[type=checkbox][name=like]").each(function() {
if ($(this).is(':checked')) {
console.log(($(this).val()));
}
})
});
//多选 喜欢哪些语言:
$("input[type=checkbox][name=langue]").val(["Java", "Javascript"]); //默认选中
$("input[type=checkbox][name=langue]").change(function() {
$("input[type=checkbox][name=langue]").each(function() {
if ($(this).is(':checked')) {
console.log(($(this).val()));
}
})
});
// 单选
$("input[type=radio][name=run][value=不爱]").attr("checked", "checked");
$("input[type=radio][name=run]").change(function() {
console.log($(this).val()); //取出下拉菜单选中的值
});
</script>
</body>
</html>