JS实现 单选按钮选中,1行2列的表格分别实施不同的内容

JS实现 单选按钮选中,1行2列的表格分别实施不同的内容,第1张

<input type="radio" id="radio1" name="radio">1

<input type="radio" id="radio2" name="radio">2

<table>

<tr><span id=span01></span></tr>

</table>

<script type="text/javascript">

if(documentgetElementById("radio1")checked==true){

ad01innerHTML="12";

}

if(documentgetElementById("radio2")checked==true){

ad01innerHTML="34";

}

</script>

差不多是这样的

一行两列也是这个原理

只需要把表格画成一行两列,在两列中分别添加自定义标签<span>就可以了啊

用法如下:

forin

语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环 *** 作)。

for

in

循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次 *** 作。

单选下拉列表框对象的value属性值就是选中项的value值,因此只需用如下代码即可

var selected_val = documentgetElementById(select_id)value;

并且,通过 *** 作select下的option也可以得到被选项的value值,方法为:

var sel = documentgetElementById(select_id);

var selected_val = seloptions[selselectedIndex]value;

实例演示如下:

1、HTML结构及javascript代码

<select id="test" onchange="alert(thisvalue)">

<option value="0">options-0</option>

<option value="1">options-1</option>

<option value="2">options-2</option>

</select>

2、效果演示

<!doctype html>

<html>

<head>

<meta >

以上就是关于JS实现 单选按钮选中,1行2列的表格分别实施不同的内容全部的内容,包括:JS实现 单选按钮选中,1行2列的表格分别实施不同的内容、怎样用js取得/设置表格的所有属性、怎样用js取得select下拉列表框内选中的option的value值呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存