JQuery下拉框与复选框Word格式.docx
- 文档编号:17654950
- 上传时间:2022-12-07
- 格式:DOCX
- 页数:6
- 大小:15.57KB
JQuery下拉框与复选框Word格式.docx
《JQuery下拉框与复选框Word格式.docx》由会员分享,可在线阅读,更多相关《JQuery下拉框与复选框Word格式.docx(6页珍藏版)》请在冰豆网上搜索。
optionvalue="
1"
/option&
2"
下载资源&
3"
超链接资源&
4"
自测题&
5"
课件资源&
6"
问卷调查&
7"
FAQ&
8"
文本及附件&
/select&
/tr&
/table&
之后,通过
$(document).ready(function(){
$("
#s1"
).change(function(){
#changeContent"
).html($("
option[value="
+$(this).val()+"
]"
).html());
alert($("
).html());
//alert($(this).val());
});
});
以下代码进行下拉框值的获取。
上文中的$(this).val()对应下拉框中的value
而$("
).html()则是对应value后的内容。
2.
select[id=select]"
varnewvar=$("
select[id=select]option:
selected"
).text();
input[id=input1]"
).val(newvar);
#showdiv"
).click(function(){
alert("
Email:
"
+$("
#user_name"
).val()+"
@"
+$("
#input1"
).val());
})
这段代码表示id为selected的下拉框改变后,会自动取得所选中的值内容,并提示出来。
3.
可以通过append方法,动态的增加下拉框中的选项.
eg:
scriptlanguage="
javascript"
type="
text/javascript"
vari=1;
#editlink"
#selectlink"
).append("
optionvalue=/"
1/"
cssrain"
+i+"
);
i++;
/script&
inputtype="
button"
id="
editlink"
value="
addoptions"
/&
divid="
editlinkdiv"
selectlink"
name="
option&
addoptions&
/div&
其中,append方法直接把需要添加的内容添加至下拉框的option选项中。
4.复选框的全选择与反选择等。
。
viewplaincopytoclipboardprint?
mce:
scripttype="
src="
JS/jquery.js"
mce_src="
/mce:
script&
!
--
$(document).ready(function(){
#test"
).click(function(){
input[type*='
checkbox'
).each(function(i){
if(this.checked){
alert(this.value);
}
//--------------------------------------
.notcheck"
input[type=checkbox]"
).not("
[checked]"
#form1"
).submit(function(){
if($("
#form1input:
checked"
)){
).val());
//强制不提交
returnfalse;
.btn"
#divPosTypeinput:
alert($(this).val());
//复选框全部选择
#selectall"
$(this).attr("
true);
#checkall"
}else{
false);
//--&
body&
test"
checkbox"
a"
checked="
/&
1
b"
2
c"
onclick="
alert(this.value)"
3
测试没有选中的"
class="
notcheck"
hr&
formid="
form1"
radio"
items"
item1"
A
br/&
item2"
B
submit"
btn1"
/form&
测试选中的"
btn"
divclass="
inpblk"
divPosType"
ul&
li&
chkJobType"
chkJobType1"
checked/&
全职&
/li&
chkJobType2"
兼职&
chkJobType3"
checked/&
临时&
chkJobType4"
实习&
/ul&
selectall"
全部选择"
checkall"
全选
/body&
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JQuery 下拉 复选