如何在javascript获得表单中单选按钮的值

如何在javascript获得表单中单选按钮的值,第1张

<input type="radio" id="radio" value="option2"> <span id="span">选项 2</span>

指value的话就是 documentgetElementById("radio")value;

如何指的后面的文字的话,那不属于radio的,这样取:documentgetElementById("span")innerHTML;

1、在html中定义一个form

2、在form中定义一个select下拉框

3、给下拉框绑定一个onchange事件

4、定义一个js函数处理onchange事件

5、在js函数中获取表单对象,利用formsubmit()方法提交表单

示例:

<form id="myform" action="#" method='post'>

<select onchange="submitForm();">

<option value="">beijing</option>

<option value="">shanghai</option>

</select>

</form>

function submitForm(){

//获取form表单对象

var form = documentgetElementById("myform");

formsubmit();//form表单提交

}

</script>

首先说明一点:<select id="food" onchange="selection()">中的方法名字selection()要修改为一个其他的名字,比如selectOnChange() 或 test(), 我用火狐浏览器测试没有问题,但是IE浏览器老是报错,改个名字就好了。

----------------------- prac8js ----------------

function selection(){

var selObj = documentgetElementById("food");

var selIndex = selObjoptionsselectedIndex;

var selOption=selObjoptions[selIndex];

var selValue = selOptionvalue;

var divPizza=documentgetElementById("section2");

var divMex=documentgetElementById("section3");

var divThai=documentgetElementById("section4");

if(selValue=="pizza"){

divPizzastyledisplay="block";

divMexstyledisplay="none";

divThaistyledisplay="none";

}else if(selValue=="mex"){

divPizzastyledisplay="none";

divMexstyledisplay="block";

divThaistyledisplay="none";

}else if(selValue=="thai"){

divPizzastyledisplay="none";

divMexstyledisplay="none";

divThaistyledisplay="block";

}

}

------------------------------------------------

注意:html页面也有相应修改:

1 <body onload="selectOnChange()">

2 <select id="food" onChange="selectOnChange()">

3 <div id="section2" style="display:block">

4 <div id="section3" style="display:none">

5 <div id="section4" style="display:none">

这个有两个方法 第一个方法:用刷新,在你部门的下拉菜单上加上onchange事件,然后用js的location方法来加载本页面,并用这个URL传递一个值,就是用来标识这个部们的值。把你的代码改写之后应该是这样的: <select name="mdep" id="mdep" onchange="javascript:locationhref='本页面地址aspbm='+thisvalue"> <option value="部门1">部门1</option> <option value="部门2">部门2</option> <option value="部门3">部门3</option> </select> 这样当选择部门的时候就将option选项的value添加到了URL,如选择部门1,则URL地址就变成了“本页地址aspbm=部门1” 然后下一级下拉列表的查询就用到了requestQueryString("bm")就可以得到你选择的是哪个部门了。 查询应该这样写:exec="select from 表 where 字段='"&requestQueryString("bm")&"'" 第二个方法:无刷新,用AJAX,依然用的是onchange事件,不过之后调用的方法是一个调用AJAX方法和函数,这个你必需了解一些AJAX知识。 如有不会请加632214194 你之所以获不到值是因为<%%>中的代码是在服务器端执行的,不通过页面刷新是不行的,当然还有AJAX这个方法可以不刷新

例子:

每次动态生成elradios数组 如:['a','b','c','d','e']

<el-radio-group v-model="elradios_selected">

<el-radio v-for="i in elradios" :label="i" />

</el-radio-group>

只有一个的时候,我猜你获取到的checkbox对象(就是函数开头那个)就不是一个数组了。所以你使用循环的方式就不对了,最简单的方法就是你判断一下(判断checkbox是否是数组或者判断checkbox是否有tagName属性,如果有就是一个),如果有2个及以上,你就循环,如果有一个你就直接判断有没有被选中

value 设置或返回 checkbox 的 value 属性的值

<input type="checkbox" name="items" value="足球" />足球

<input type="checkbox" name="items" value="篮球" />篮球

<input type="checkbox" name="items" value="羽毛球" />羽毛球

这样才能取到值。

以上就是关于如何在javascript获得表单中单选按钮的值全部的内容,包括:如何在javascript获得表单中单选按钮的值、select单击提交表单、Java Script 表格(form)问题的求助!!!用户选择某个选项后要使相应的选项出现等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9265754.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存