$("form input")prop("readonly", true);\r\n将所有表单的所有表单控件的readonly全部设置为readonly~\r\n要注意的是如果直接使用input选择器的话，包括了按钮~\r\n所以要排除按钮、隐藏域之类的input的话~\r\n使用not选择器\r\n$("input:not(:button,:hidden)")prop("readonly", true);\r\n希望对您有帮助~\r\nBy Billskate
<script type="text/javascript">
// 获取指定form中的所有的<input><select>对象
function getElements(formId) {
var form = documentgetElementById(formId);
if(form == null){
return false;
}
var elements = new Array();
var inputTagElements = formgetElementsByTagName('input');
for (var j = 0; j < inputTagElementslength; j++) {
elementspush(inputTagElements[j]);
}
var selectTagElements = formgetElementsByTagName('select');
for (var j = 0; j < selectTagElementslength; j++) {
elementspush(selectTagElements[j]);
}
return elements;
}
扩展资料：
form表单提交
在form标签中添加Action(提交的地址)和method(post)，且有一个submit按钮。
（<input type='submit'>）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交。
当点击登陆时，向数据库发生的数据是：username=username&password=password
这种默认的提交方式，一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候是对d出框进行数据提交的，希望提交成功则关闭d出框并刷选父页面，失败则提示失败原因，且d出框不关闭。此时可以采用Ajax进行数据提交。
function subPara(){
var para1 = documentgetElementById("需要提交的参数的id")value;
//可以继续加
$ajax({
type:"POST",
async: false,
url:"//"//请求的url,
data:"需要传递的参数的name"+param1 //如果还有可以继续加
success:function(data)
{//提交后，成功处理后可以在此处添加提示信息}
}）;
}
表单是用form来填写，在提交前可以获取表单里面的数据。我这里用jquery实现。
<html><body>
<form method='post' action=''>
<label for='inputText'>inputText</label>
<input type='text' id='inputText'/>
<br/>
<label for='checkBox1'>checkBox1</label>
<input type='checkbox' id='checkBox1'/>
<br/>
<label for='checkBox2'>checkBox2</label>
<input type='checkbox' id='checkBox2'/>
<!--其他你想填写的表单选项-->
<input type='button' value='提交表单' id='submitBtn'/>
</form>
<script>
$(document)ready(function()
{
$('#submitBtn')click(function(e)
{
/一系列根据自己的意图判断输入框是否已输入内容并决定是否往下执行/
//获取表单的系列化数据。这会生成一个A=valueA&B=valueB这种形式的字符串。
var formData = $('form')serialize();
$post('目标地址',formData,成功/失败回调函数);
epreventDefault();
});
});
</script>
</body>
</html>
以上就是关于js获取指定form中所有表单元素谁有更好的方法全部的内容，包括:js获取指定form中所有表单元素谁有更好的方法、js怎么获取form表单中所有的input和select、form表单里面如何获取本页面的js函数值，经过js函数处理的值如何通过form表单提交给后台等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）