`

js点击不同radio得到不同的input里面的onclick以便实现不同的处理跳转【原创】

阅读更多

这个是要改变不同处理流程的input

<input name=btnG id = btnG type=submit value="查询缴费" onclick=""/>

以下是不同的radio供选择:

<input id=all type=radio name=type value="phone" checked onClick="showphone()"/>
<label for=all>
固定电话  
</label>
<input id=all type=radio name=type value="telphone" onClick="showtelphone()"/>
<label for=all>
手机号码
</label>
<input id=lgr type=radio name=type value="qq" onClick="showQQ()"/>
<label for=lgr>
Q币充值
</label>
<input id=cty type=radio name=type value="car" onClick="showVal()"/>
<label for=cty>
车主服务
</label>

以下是关键的js

<script language="JavaScript">
function showVal(){
form.nbr.value = "粤A";
form.text1.value = "                            请输入您的车牌号码后五位,例如粤A12345,只需输入12345";
document.getElementById("btnG").onclick = limitcar;
}

</script>

关键就是这个document.getElementById("btnG").onclick = limitcar;,后面是方法名,而此方法如下:

   function limitcar(){
    var nbr = form.elements["nbr"];
    alert(nbr.value);
    if(nbr.value.length != 7){
     alert("请输入5位车牌号码");
     return false;
    }

    form.submit();
   
  
   window.onload = function() {document.getElementById("nbr").focus();};
   }

 

自己看的

分享到:
评论

相关推荐

    ASP单选按钮实现页面跳转并传值

    但是,如果我们想要实现单选按钮的页面跳转并传值,就需要使用 JavaScript 来实现 onclick 事件。onclick 事件是当用户点击单选按钮时触发的事件,可以用于执行某些操作。在这里,我们可以使用 location.href 属性来...

    javascript实现点击单选按钮链接转向对应网址的方法

    本文所讲的知识点主要围绕如何使用JavaScript来实现点击单选按钮后链接转向对应网址的方法。这涉及到以下几个关键知识点: 1. 单选按钮(Radio Button):在HTML中,单选按钮是一种表单元素,它允许用户从一组选项...

    网页编程JAVASCRIPT实例代码

    7. **js-onclick.htm**:`onclick`事件是当用户点击元素时触发的,此文件可能包含利用JavaScript处理点击事件的代码,例如显示隐藏内容、提交表单等。 8. **js-onmouseover.htm**:`onmouseover`事件发生在鼠标指针...

    input 标签的属性

    按钮用于触发某些动作,如跳转到另一个页面或执行JavaScript函数。 - **type**: 设置为"button"表示这是一个按钮。 - **name**: 同上。 - **value**: 显示在按钮上的文本。 - **onclick**: 触发按钮时执行的...

    js函数中onmousedown和onclick的区别和联系探讨

    在JavaScript中,`onmousedown`和`onclick`都是与鼠标交互相关的事件,但它们触发的时机不同,这在处理用户交互时尤其重要。`onmousedown`事件是在用户按下鼠标按钮时触发,而`onclick`事件则是在用户按下并释放鼠标...

    使用APICloud从0开始写脉脉(二) 底部导航栏

    - 在`&lt;form&gt;`标签内,为每个按钮创建一组`&lt;input type='radio'&gt;`(单选按钮)和`&lt;a&gt;`标签(链接),以实现按钮点击效果。 - `name`属性相同的一组单选按钮代表可以互斥选择的关系,只有一个可以被选中。 - `a`...

    js200多个小技巧

    虽然未在示例中给出具体应用,`onClick`事件是当用户点击某个元素时触发的事件,可以用来执行各种JavaScript功能,如弹出警告框、跳转页面等。 ### 12. 打印当前页面 通过`&lt;a href='javascript:window.print()'&gt;`...

    js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件

    JavaScript中的事件处理是Web开发中的重要一环,它允许用户与网页进行交互。在处理事件时,有时我们需要阻止默认行为或者防止事件冒泡,以确保事件按照我们的预期执行。本篇将详细介绍`event.preventDefault()`和`...

    JavaScript语法一览表

    &lt;input type="radio" name="objectname" value="buttonvalue" [checked] [onclick="handlertext"]&gt; ``` - **描述**:创建一个单选按钮,可以设置名称、值、是否默认选中及点击时触发的JavaScript函数。 - **应用...

    php+mysql简单投票系统代码借鉴.pdf

    - `&lt;input type="button" name="Submit" value=" 提交 " onclick="lookre"&gt;`定义了一个提交按钮,点击后调用`lookre`函数,这个函数应该处理表单的提交逻辑,例如验证用户选择,然后将数据发送到服务器进行处理。...

    单选按钮决定链接的网址

    这个功能可以通过JavaScript来实现,特别是在需要提供多个选项并根据用户选择跳转到不同页面的场景下。标题“单选按钮决定链接的网址”所描述的就是这样一个技术应用,即通过单选按钮(Radio Button)的点击事件,...

    javascript大集合

    - **单选按钮**:`&lt;input type="radio"&gt;`。 **第三节:范例** ```html 姓名: &lt;input type="text" id="name" name="name"&gt; &lt;input type="submit" value="提交"&gt; ``` #### 十、实现更复杂的交互 **第一节...

    基于PHP的在线投票系统设计与实现.pdf

    关键通过JavaScript技术,在每条记录上增加一个设置当前投票主题功能:&lt;input type="radio" name="isChecked" onclick="f($row['id'];?&gt;)"function f(id){window.location.href="topicDo.php?id="+id;}当前用户单击...

    HTML代码效果对比学习光盘(中)

    各种类型的input标签如text, email, password, radio, checkbox等,满足不同数据输入需求。 十一、事件处理 HTML可以通过JavaScript进行交互,例如onclick, onmouseover等事件监听器,可以响应用户的点击、鼠标悬停...

    javascript入门教程

    ### JavaScript入门教程知识点总结 #### 一、JavaScript基础 ##### 1.1 关于JavaScript - **定义**:JavaScript是一种轻量级的编程语言,主要应用于网页开发中,用来为网页添加交互性。 - **历史**:由Netscape...

    JavaScript中的事件处理

    JavaScript中的事件处理是编程中非常关键的一环,它赋予了网页动态性和交互性。事件处理的概念简单来说就是:当一个特定的事件发生时,执行相应的处理程序,使得程序能够对用户的操作做出响应。事件处理主要涉及到...

    JS脚本技巧231例

    JavaScript,简称JS,是Web开发中的重要脚本语言,用于实现客户端的交互效果和动态功能。以下是从给定的信息中提取的一些JS脚本技巧: 1. **文本框焦点事件**: - `onBlur` 事件在用户离开文本框时触发,常用于...

Global site tag (gtag.js) - Google Analytics