首页 > 代码库 > !!!常用JS: 表单代码
!!!常用JS: 表单代码
checkbox (复选框)取值
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script><script type="text/javascript">$(function(){ $("#form").submit(function(){//表单提交:复选框取值 var obj=$(‘input:checkbox[name="aaa"]:checked‘); alert("长度: "+obj.length); obj.each(function(){ var s=$(this).val(); alert(s); }); return false; });});</script><form method="post" action="" id="form"> <input type="checkbox" name="aaa" value="1" checked> <input type="checkbox" name="aaa" value="2"> <input type="checkbox" name="aaa" value="3"> <input type="submit"></form>
radio(单选框)取值
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script><script type="text/javascript">$(function(){ $("#form").submit(function(){//表单提交:单选框取值 var aaa=$(‘input:radio[name="aaa"]:checked‘).val(); alert(aaa); return false; });});</script><form method="post" action="" id="form"> <input type="radio" name="aaa" value="1" checked> <input type="radio" name="aaa" value="2"> <input type="radio" name="aaa" value="3"> <input type="submit"></form>
选择所有
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script><script type="text/javascript">$(function(){ $("#check_all").click(function(){ var a=$(this)[0].checked; //alert( typeof a); var inputs = document.getElementsByTagName("input"); for(var i=0; i< inputs.length; i++){ if(inputs[i].type == "checkbox"){ inputs[i].checked = a; } } });});</script><input type="checkbox" name="" id="check_all">选择所有<hr><input type="checkbox" name=""><br><input type="checkbox" name=""><br><input type="checkbox" name=""><br><input type="checkbox" name=""><br><input type="checkbox" name=""><br><input type="checkbox" name=""><br><input type="checkbox" name=""><br><input type="checkbox" name=""><br><input type="checkbox" name=""><br><input type="checkbox" name=""><br>
!!!常用JS: 表单代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。