name值不能相同，结果单选框全选中。

bh6635 2015-03-28 11:09:39
源码搜集自网路，精心改编。

新人，暂时还不会javascript语言，请教如何完善这个网页的单选框？就是只能选一个。

<html>

<head>

<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="此处填写通过搜索引擎找到本页的关键词" />
<meta name="description" content="www.zzjs.net,本页自述" />
<title>集成搜索引擎</title>

</head>




<body>

呕心沥血之作，集成搜索引擎。
<hr />



<script>

function CheckAll(form){
for (var i=0;i<form.elements.length;i++){
var e = form.elements[i];
if (e.name != 'chkall')
e.checked = form.chkall.checked;
}
}

function netsearch(formname){
var baidu1
var baidu2
var Sogou1
var Sogou2
var Haosou1
var Haosou2

TEXT=formname.TEXT.value;
noEngine=true;
haveTEXT=true;
if (TEXT==""){
alert("请输入搜索内容")
haveTEXT=false
}


baidu1=formname.baidu.checked;
baidu2="http://www.baidu.com/s?word="+TEXT;
if (baidu1){
noEngine=false
if (haveTEXT){
newWindow=window.open(baidu2, "baidu","toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}
Sogou1=formname.Sogou.checked;
Sogou2="http://www.sogou.com/sogou?query="+TEXT;
if (Sogou1){
noEngine=false
if (haveTEXT){
newWindow=window.open(Sogou2, "Sogou","toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}
Haosou1=formname.Haosou.checked;
Haosou2="http://www.haosou.com/s?&q="+TEXT;
if (Haosou1){
noEngine=false
if (haveTEXT){
newWindow=window.open(Haosou2, "Haosou","toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}




if (noEngine){
alert("请选择搜索引擎")
}
}
</script>


<form name=engines onSubmit=netsearch(engines)> <!--±íµ¥-->
<input name=TEXT size=10 maxlength=200 value="输入关键词">
<input type=button value="提交搜索" name=Submit onClick=netsearch(engines)>
<br />


<input type="radio" name=baidu value="radiobutton" checked>Baidu
<input type="radio" name=Sogou value="radiobutton" >Sogou
<input type="radio" name=Haosou value="radiobutton">Haosou


</form>

</body>
</html>
...全文
349 6 打赏 收藏 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
bh6635 2015-03-28
  • 打赏
  • 举报
 回复
引用 1 楼 fengyun817 的回复:
要达到什么效果？name不同的话可以全选中的。
效果：选择搜索引擎的时候只能选中一个，不能同时选择多个。 应该有办法吧，现在那段javascript代码有些地方能看懂有些地方还看不懂，大概就是在我看不懂的地方改改了。。。 谢谢!
fengyun817 2015-03-28
  • 打赏
  • 举报
 回复
要达到什么效果？name不同的话可以全选中的。
bh6635 2015-03-28
  • 打赏
  • 举报
 回复
引用 4 楼 xuzuning 的回复:
单选钮视 name 相同的为一组 所以你的应写作 <input type="radio" value=baidu name="radiobutton" checked>Baidu <input type="radio" value=Sogou name="radiobutton" >Sogou <input type="radio" value=Haosou name="radiobutton">Haosou 这样，服务端就可通过 radiobutton 项的值知道选中了什么
function CheckAll(form) { for (var i = 0; i < form.elements.length; i++) { var e = form.elements[i]; if (e.name != 'chkall') e.checked = form.chkall.checked; } } function netsearch(formname) { var baidu1 var baidu2 var Sogou1 var Sogou2 var Haosou1 var Haosou2 TEXT = formname.TEXT.value; noEngine = true; haveTEXT = true; if (TEXT == "") { alert("请输入搜索内容") haveTEXT = false } 也是无法提交。 貌似由于上面这段js代码，后面的name值不能修改吧。。。
bh6635 2015-03-28
  • 打赏
  • 举报
 回复
引用 3 楼 fengyun817 的回复:
<html>
 <head> 
  <meta http-equiv="content-Type" content="text/html;charset=gb2312" /> 
  <meta name="keywords" content="此处填写通过搜索引擎找到本页的关键词" /> 
  <meta name="description" content="www.zzjs.net,本页自述" /> 
  <title>
            集成搜索引擎
        </title> 
 </head> 
 <body>
   呕心沥血之作，集成搜索引擎。 
  <hr /> 
  <script>
            function CheckAll(form) {
                for (var i = 0; i < form.elements.length; i++) {
                    var e = form.elements[i];
                    if (e.name != 'chkall') e.checked = form.chkall.checked;
                }
            }

            function netsearch(formname) {
                var baidu1
                var baidu2
                var Sogou1
                var Sogou2
                var Haosou1
                var Haosou2

                TEXT = formname.TEXT.value;
                noEngine = true;
                haveTEXT = true;
                if (TEXT == "") {
                    alert("请输入搜索内容") haveTEXT = false
                }

                baidu1 = formname.baidu.checked;
                baidu2 = "http://www.baidu.com/s?word=" + TEXT;
                if (baidu1) {
                    noEngine = false
                    if (haveTEXT) {
                        newWindow = window.open(baidu2, "baidu", "toolbar,location,directories,status,menubar,scrollbars,resizable=1")
                    }
                }
                Sogou1 = formname.Sogou.checked;
                Sogou2 = "http://www.sogou.com/sogou?query=" + TEXT;
                if (Sogou1) {
                    noEngine = false
                    if (haveTEXT) {
                        newWindow = window.open(Sogou2, "Sogou", "toolbar,location,directories,status,menubar,scrollbars,resizable=1")
                    }
                }
                Haosou1 = formname.Haosou.checked;
                Haosou2 = "http://www.haosou.com/s?&q=" + TEXT;
                if (Haosou1) {
                    noEngine = false
                    if (haveTEXT) {
                        newWindow = window.open(Haosou2, "Haosou", "toolbar,location,directories,status,menubar,scrollbars,resizable=1")
                    }
                }

                if (noEngine) {
                    alert("请选择搜索引擎")
                }
            }
            function clearOther(obj) {
                var enginenames = ["baidu", "Sogou", "Haosou"];
                for (var i = 0; i < enginenames.length; i++) {
                    //循环设置每个checkbox的状态
                    engines.elements[enginenames[i]].checked = obj.name == enginenames[i];
                }
            }
        </script> 
  <form name="engines" onsubmit="netsearch(engines)"> 
   <!--±íμ￥--> 
   <input name="TEXT" size="10" maxlength="200" value="输入关键词" /> 
   <input type="button" value="提交搜索" name="Submit" onclick="netsearch(engines)" /> 
   <br /> 
   <input type="radio" name="baidu" value="radiobutton" checked="" onclick="clearOther(this)" /> Baidu 
   <input type="radio" name="Sogou" value="radiobutton" onclick="clearOther(this)" /> Sogou 
   <input type="radio" name="Haosou" value="radiobutton" onclick="clearOther(this)" /> Haosou 
  </form>  
 </body>
</html>
你这个写的还能优化很多，等学多了就会改了。
嗯嗯，比如回车提交搜索。 可是你给的这个代码提交不了。。。
xuzuning 2015-03-28
  • 打赏
  • 举报
 回复
单选钮视 name 相同的为一组 所以你的应写作 <input type="radio" value=baidu name="radiobutton" checked>Baidu <input type="radio" value=Sogou name="radiobutton" >Sogou <input type="radio" value=Haosou name="radiobutton">Haosou 这样，服务端就可通过 radiobutton 项的值知道选中了什么
fengyun817 2015-03-28
  • 打赏
  • 举报
 回复 
<html>
 <head> 
  <meta http-equiv="content-Type" content="text/html;charset=gb2312" /> 
  <meta name="keywords" content="此处填写通过搜索引擎找到本页的关键词" /> 
  <meta name="description" content="www.zzjs.net,本页自述" /> 
  <title>
            集成搜索引擎
        </title> 
 </head> 
 <body>
   呕心沥血之作，集成搜索引擎。 
  <hr /> 
  <script>
            function CheckAll(form) {
                for (var i = 0; i < form.elements.length; i++) {
                    var e = form.elements[i];
                    if (e.name != 'chkall') e.checked = form.chkall.checked;
                }
            }

            function netsearch(formname) {
                var baidu1
                var baidu2
                var Sogou1
                var Sogou2
                var Haosou1
                var Haosou2

                TEXT = formname.TEXT.value;
                noEngine = true;
                haveTEXT = true;
                if (TEXT == "") {
                    alert("请输入搜索内容") haveTEXT = false
                }

                baidu1 = formname.baidu.checked;
                baidu2 = "http://www.baidu.com/s?word=" + TEXT;
                if (baidu1) {
                    noEngine = false
                    if (haveTEXT) {
                        newWindow = window.open(baidu2, "baidu", "toolbar,location,directories,status,menubar,scrollbars,resizable=1")
                    }
                }
                Sogou1 = formname.Sogou.checked;
                Sogou2 = "http://www.sogou.com/sogou?query=" + TEXT;
                if (Sogou1) {
                    noEngine = false
                    if (haveTEXT) {
                        newWindow = window.open(Sogou2, "Sogou", "toolbar,location,directories,status,menubar,scrollbars,resizable=1")
                    }
                }
                Haosou1 = formname.Haosou.checked;
                Haosou2 = "http://www.haosou.com/s?&q=" + TEXT;
                if (Haosou1) {
                    noEngine = false
                    if (haveTEXT) {
                        newWindow = window.open(Haosou2, "Haosou", "toolbar,location,directories,status,menubar,scrollbars,resizable=1")
                    }
                }

                if (noEngine) {
                    alert("请选择搜索引擎")
                }
            }
            function clearOther(obj) {
                var enginenames = ["baidu", "Sogou", "Haosou"];
                for (var i = 0; i < enginenames.length; i++) {
                    //循环设置每个checkbox的状态
                    engines.elements[enginenames[i]].checked = obj.name == enginenames[i];
                }
            }
        </script> 
  <form name="engines" onsubmit="netsearch(engines)"> 
   <!--±íμ￥--> 
   <input name="TEXT" size="10" maxlength="200" value="输入关键词" /> 
   <input type="button" value="提交搜索" name="Submit" onclick="netsearch(engines)" /> 
   <br /> 
   <input type="radio" name="baidu" value="radiobutton" checked="" onclick="clearOther(this)" /> Baidu 
   <input type="radio" name="Sogou" value="radiobutton" onclick="clearOther(this)" /> Sogou 
   <input type="radio" name="Haosou" value="radiobutton" onclick="clearOther(this)" /> Haosou 
  </form>  
 </body>
</html>
你这个写的还能优化很多，等学多了就会改了。
html中选择框之间交互,html与用户交互中单选框与复选框&下拉列表中的情况
在使用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。请看下面的例子:语法：1、type:当type="radio"时，控件为单选框当type="checkbox"时，控件为复选框2、value：提交数据到服务器的值(后台程序PHP使用)3、name...
Selenium自动化测试：表单组件（单选框、多选框、下拉框）的健壮操作指南
在Web自动化测试领域，表单交互是核心且高频的场景。其原理在于通过脚本模拟用户对网页表单元素的操作，以实现测试的自动化。掌握表单组件的自动化技术，对于提升测试效率、保障Web应用质量具有重要价值，广泛应用于功能测试、回归测试及持续集成流程中。其中，单选框、多选框和下拉框因其特殊的状态管理和交互逻辑，成为测试脚本稳定性的关键挑战。本文聚焦于Selenium框架下，针对这些组件的健壮操作策略，深入剖析了单选框的互斥性原理、多选框的独立状态管理，并区分了原生与自定义下拉框的不同操作范式。通过结合显式等待、状态验证
php h5表单,HTML5中form表单标签用法详解
语法：讲解：1.是成对出现的，以开始，以结束,表单都必须放在其之间。2.method传送方式，get/post是后端程序员考虑的问题3.action浏览者输入的数据被传送到的地方，比如一个php页面，(save.php)用户名:密码:文本输入框，密码输入框当用户需要在表单中键入字母，数据等，就要用到文本输入框，文本输入框也可以转化为密码输入框语法：讲解：1.type：当type为text时，为文本...
JavaScript之DOM（上）
JavaScript之DOM（上）1 Web API简介1.1 初识Web API1.2 Web API与API的关系2 DOM简介2.1 什么是DOM2.2 DOM树3 获取元素3.1 根据id获取元素3.2 根据标签获取元素3.3 根据name获取元素3.4 HTML5新增的获取方式 1 Web API简介 1.1 初识Web API Web API是浏览器提供的一套操作浏览器功能和页面元素的接口。JavaScript语言由3部分组成，分别是ECMAScript、BOM和DOM，其中ECMAScrip
Compose LazyColumn 列表单选多选完整实践：状态管理与避坑指南
在 Android 客户端开发中，列表选择功能是高频且易错的需求：收货地址单选、通讯录多选、标签批量管理，几乎每个业务都绕不开。Kotlin + Compose 的出现让界面构建变得简洁，但 LazyColumn 的虚拟化机制给选择状态的设计带来了新挑战。许多开发者误以为官方 selection 组件能直接解决列表选择，实际落地时却发现状态翻转、勾选错位、性能卡顿等问题层出不穷。本文从列表状态管理的底层原理出发，详细讲解如何用 ViewModel + 不可变 Set 构建稳定高效的单选与多选模型，再结合全选
JavaScript

87,984

社区成员

224,681

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章