首页 web前端 js教程 在js中单选框和复选框获取值的方式_表单特效

在js中单选框和复选框获取值的方式_表单特效

May 16, 2016 pm 06:42 PM
单选框 取值 复选框

复制代码 代码如下:

// JavaScript Document
function sub1()
{
     // 用Form名称直接引用form对象

//form1.method = "get";

// 将form名称作为document对象的属性来引用form对象,

// 并用user作为form对象的属性来引用名为user的文本框元素对象

// document.form1.user.value = "lisi";
             var s1=document.getElementById("s1");
             var s2=document.getElementById("s2");
             var s3=document.getElementById("s3");
             var s4=document.getElementById("s4");
             var s5=document.getElementById("s5");
             s1.innerText= document.getElementById("text1").value;
         var obj = document.getElementsByName("radio");

for(var i = 0; i {

     if(obj[i].checked)
{
s2.innerText =obj[i].value;
}
}
             var obj1 = document.getElementsByName("fuxuan");
for(var i = 0; i {
if(obj1[i].checked)
{
s3.innerText+=obj1[i].value+' ';

}
}
     s4.src=document.getElementById("photoFile1").value;
s5.innerText=document.getElementById("ta1").value;
}
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1665
14
CakePHP 教程
1424
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
使用jQuery实现复选框选中状态的实时更新 使用jQuery实现复选框选中状态的实时更新 Feb 23, 2024 pm 03:45 PM

使用jQuery实现复选框选中状态的实时更新在Web开发中,常常会遇到需要对复选框选中状态进行实时更新的情况。通过使用jQuery,我们可以很方便地实现实时更新复选框选中状态的功能。下面将介绍如何使用jQuery来完成这个任务。首先,我们需要准备一个简单的HTML结构,包含多个复选框:

如何使用Vue实现多选框和单选框 如何使用Vue实现多选框和单选框 Nov 07, 2023 am 11:42 AM

如何使用Vue实现多选框和单选框Vue是一款流行的JavaScript框架,广泛应用于Web开发中。在Vue中,我们可以很方便地实现各种交互效果,包括多选框和单选框。本文将介绍如何使用Vue实现多选框和单选框,并提供具体的代码示例。实现多选框多选框用于允许用户选择多个选项。在Vue中,我们可以利用v-model指令实现多选框的双向数据绑定。下面是一个简单的例

uniapp中如何使用复选框组件 uniapp中如何使用复选框组件 Jul 04, 2023 pm 12:05 PM

uniapp中如何使用复选框组件在uniapp中,复选框组件是一种常见的用户交互组件,常用于多选项的选择。本文将介绍如何在uniapp中使用复选框组件,并提供代码示例。引入复选框组件在需要使用复选框组件的页面中,首先需要引入uniapp的复选框组件。可以在页面的.vue文件中添加以下代码:

使用jQuery判断复选框的选中状态 使用jQuery判断复选框的选中状态 Feb 25, 2024 pm 12:18 PM

如何使用jQuery判断复选框是否被选中?在网页开发中,经常会遇到需要判断复选框是否被选中的情况。使用jQuery可以轻松实现这一功能。下面将介绍如何使用jQuery来判断复选框是否被选中,并附上具体的代码示例。首先,确保在HTML页面中引入jQuery库:

研究jQuery如何处理复选框的勾选和取消选定 研究jQuery如何处理复选框的勾选和取消选定 Feb 26, 2024 am 08:09 AM

jQuery是一个流行的JavaScript库,用于简化网页开发中的DOM操作、事件处理、动画效果等。在网页中,复选框是一种常见的表单元素,用于实现用户对选项的多选。本文将探讨如何利用jQuery处理复选框的选中与取消选中操作,并提供具体的代码示例。1.复选框基础知识在HTML中,复选框的表示方式如下:

利用jQuery实现动态检测复选框选中状态的教程 利用jQuery实现动态检测复选框选中状态的教程 Feb 24, 2024 pm 04:21 PM

jQuery教程:动态监测复选框的选中状态在网页开发中,经常会遇到需要监测复选框的选中状态,并据此做出相应的操作的情况。使用jQuery可以轻松实现这一功能,从而增强用户体验和交互效果。本教程将介绍如何使用jQuery动态监测复选框的选中状态,并附上具体的代码示例。1.引入jQuery库在开始之前,我们需要先引入jQuery库文件。可以通过以下CDN链接引

PHP表单处理:多选框、单选框和下拉列表使用技巧 PHP表单处理:多选框、单选框和下拉列表使用技巧 Aug 07, 2023 pm 11:29 PM

PHP表单处理:多选框、单选框和下拉列表使用技巧在Web开发中,表单是用户与网站进行交互的重要方式之一。而表单中的多选框、单选框和下拉列表则是常见的一些用户输入选项。本文将介绍如何使用PHP处理这些表单元素,并给出相应的代码示例。多选框多选框允许用户选择多个选项。在HTML中,可以使用&lt;inputtype="checkbox"&g

掌握H5中position属性的各个取值及效果 掌握H5中position属性的各个取值及效果 Dec 27, 2023 am 08:11 AM

了解H5中position属性的不同取值及其效果,需要具体代码示例在HTML5中,position属性是用来控制元素在页面中的定位方式。它有四个不同的取值:static(默认值)、relative、absolute和fixed。每个取值都有不同的效果和应用场景。下面将详细介绍这些取值及其效果,并给出具体的代码示例。staticstatic是position属

See all articles