jQuery-单选框取值学习札记11

2012-11-25

jQuery-单选框取值学习笔记11程序如下：!DOCTYPE?html?PUBLIC?-//W3C//DTD?XHTML?1.0?Transitional//EN

jQuery-单选框取值学习笔记11

程序如下：

<html?xmlns="http://www.w3.org/1999/xhtml"><head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/><title>无标题文档</title>
<script?src="jquery-1.2.6.min.js"?type="text/javascript"></script><script?type="text/javascript">
/*方法一：$(function(){
????$("#form1").submit(function(){?????????if($("#form1?input:checked")){
????????????alert($("#form1?input:checked").val());???????}
???????????return?false;?//不提交??});
});*/
//方法二，实际开发中用$(function(){
????$("#form1").submit(function(){????????if($("input[type=radio]:checked")){
????????//if($("input[name=items]:checked")){????????????alert($("input[name=items]:checked").val());
????????}????????return?false;
????})})
</script></head>
<body><form?id="form1">
????????<input?type="radio"?name="items"?id="item1"?value="a"/>A????????<br/>
????????<input?type="radio"?name="items"?id="item2"?value="b"/>B????????<br/>
????????<input?type="radio"?name="items"?id="item3"?value="c"/>C????????<br/>
????????<input?type="radio"?name="items"?id="item4"?value="d"/>D????????<br/>
????????<input?type="radio"?name="items"?id="item5"?value="e"/>E????????<br/>
????????<input?type="radio"?name="items"?id="item6"?value="f"/>F????????<br/>
????????<input?type="radio"?name="items"?id="item7"?value="g"/>G????????<br/>
????????<input?type="radio"?name="items"?id="item8"?value="h"/>H????????<br/>
????????<input?type="submit"?id="btn1">????</form>
</body></html>

热点排行

Web前端