当前位置:编程学习 > JAVA >>

jquery练习2笔记

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 var fields = $("#fm").serializeArray();
jQuery.each( fields, function(i, field){
 $("#results").append(field.value + " ");
});$("#fm").change(function(){ fields = $("#fm").serializeArray();$("#results").text("");
jQuery.each( fields, function(i, field){
 $("#results").append(field.value + " ");
});
 
});
});
</script>
</head>
<body>
<p id="results"><b>Results:</b> </p>
<form id="fm">
 <select name="single">
    <option>Single</option>
    <option>Single2</option>
 </select>
 <select name="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
 </select><br/>
 <input type="checkbox" name="check" value="check1" checked="checked"/> check1
 <input type="checkbox" name="check" value="check2" /> check2
 <input type="radio" name="radio" value="radio1" checked="checked"/> radio1
 <input type="radio" name="radio" value="radio2"/> radio2
</form>
</body>
</html>
 
1、 change事件
2、 append 增加
3
var fields = $("#fm").serializeArray();
jQuery.each( fields, function(i, field){
 $("#results").append(field.value + " ");
}); 遍历每个控件值
作者“技术学习笔记”

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,