明霞山资源网 Design By www.htccd.com
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="/UploadFiles/2021-04-02/jquery.js"></head>
<body>
<form id="form1" runat="server">
文本框 ：<input type="text" id="txt" value="txt" /><br />
单选按钮：<input type="radio" value="男" checked="checked" name="sex" />男 <input type="radio" value="女" name="sex" checked="checked"/>女<br />
复选框：<input type="checkbox" value="1" name="cc"/>1<input type="checkbox" value="2" checked="checked" name="cc" />2<input type="checkbox" value="3" checked="checked" name="cc" />3<br />
下拉框：
<select id="sel" style="width: 100px">
<option value="yi">1</option>
<option value="er" selected="selected">2</option>
<option value="san">3</option>
</select>
<script language="javascript" type="text/javascript">
/*------------------------------------------------javascript-------------------------------------------*/
/* 获取文本框的值
alert(document.getElementById("txt").value);
*/
/*获取单选按钮的值
var radios = document.getElementsByName("sex");
var n = radios.length;
for (var i = 0; i < n; i++) {
if (radios[i].checked) {
alert(radios[i].value);
}
}
*/
/*获取复选框中选中的值的组合 1,2,3,4
var checkboxs = document.getElementsByName("cc");
var n = checkboxs.length;
for (var i = 0; i < n; i++) {
if (checkboxs[i].checked) {
alert(checkboxs[i].value);
}
}
*/
/*获取下拉列表的选中项的值
方法一：
alert(document.getElementById("sel").value);
方法二：
var sel = document.getElementById("sel");
alert(sel.options[sel.selectedIndex].value);
*/
/*------------------------------------------------jquery-------------------------------------------*/
/*获取文本框的值
alert($("#txt").val());
*/
/*获取单选框选中项的值
alert($(":radio[name='sex']:checked").val());
单选框赋值 设置选中项
$(":radio[name='sex']").val(["男"]);
*/
/*获取复选框的值
$(":checkbox[name='cc']:checked").each(function(i) {
alert(this.value);
});
复选框赋值 选中这几项
$(":checkbox[name='cc']").val(["1", "2", "3"]);
*/
/*获取下拉列表的值
alert($("#sel").val());
获取下拉列表的文本
alert($("#sel option:selected").text());
*/
</script>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="/UploadFiles/2021-04-02/jquery.js"></head>
<body>
<form id="form1" runat="server">
文本框 ：<input type="text" id="txt" value="txt" /><br />
单选按钮：<input type="radio" value="男" checked="checked" name="sex" />男 <input type="radio" value="女" name="sex" checked="checked"/>女<br />
复选框：<input type="checkbox" value="1" name="cc"/>1<input type="checkbox" value="2" checked="checked" name="cc" />2<input type="checkbox" value="3" checked="checked" name="cc" />3<br />
下拉框：
<select id="sel" style="width: 100px">
<option value="yi">1</option>
<option value="er" selected="selected">2</option>
<option value="san">3</option>
</select>
<script language="javascript" type="text/javascript">
/*------------------------------------------------javascript-------------------------------------------*/
/* 获取文本框的值
alert(document.getElementById("txt").value);
*/
/*获取单选按钮的值
var radios = document.getElementsByName("sex");
var n = radios.length;
for (var i = 0; i < n; i++) {
if (radios[i].checked) {
alert(radios[i].value);
}
}
*/
/*获取复选框中选中的值的组合 1,2,3,4
var checkboxs = document.getElementsByName("cc");
var n = checkboxs.length;
for (var i = 0; i < n; i++) {
if (checkboxs[i].checked) {
alert(checkboxs[i].value);
}
}
*/
/*获取下拉列表的选中项的值
方法一：
alert(document.getElementById("sel").value);
方法二：
var sel = document.getElementById("sel");
alert(sel.options[sel.selectedIndex].value);
*/
/*------------------------------------------------jquery-------------------------------------------*/
/*获取文本框的值
alert($("#txt").val());
*/
/*获取单选框选中项的值
alert($(":radio[name='sex']:checked").val());
单选框赋值 设置选中项
$(":radio[name='sex']").val(["男"]);
*/
/*获取复选框的值
$(":checkbox[name='cc']:checked").each(function(i) {
alert(this.value);
});
复选框赋值 选中这几项
$(":checkbox[name='cc']").val(["1", "2", "3"]);
*/
/*获取下拉列表的值
alert($("#sel").val());
获取下拉列表的文本
alert($("#sel option:selected").text());
*/
</script>
</form>
</body>
</html>
标签：
表单,基本操作
明霞山资源网 Design By www.htccd.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
明霞山资源网 Design By www.htccd.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。