`

js触发不同radio使input出现不同文字,并且input是无边框的【原创】

QQ 
阅读更多

首先给出怎样使input的边框是看不到的:

<input type=text name=text1 id=text1 size=100 value = "" style = "background:;border:0"/>

只需要加style = "background:;border:0"/即可

 

以下是要显示文字的input:

<input type=text name=text1 id=text1 size=100 value = "" style = "background:;border:0"/>

以下是不同的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>

以下是某个方法;

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

 

完成

 

自己看的

分享到:
评论

相关推荐

    layui 实现自动选择radio单选框(checked)的方法

    消息通知 &lt;div class=layui-input-...input name=is_notice value=1 type=radio title=通知 checked=&gt; &lt;input name=is_notice value=0 type=radio title=不通知&gt; JS用ajax去后端取回数据: $.get

    javascript 回车键触发表单提交的问题

    比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,...

    Vue动态控制input的disabled属性的方法

    有时候会有这样的需求,新增的时候可以输入,但是无法修改,此时就需要通过控制input标签的disabled属性来实现,那vue是如何动态设置input输入框的disabled属性的呢? 输入框的html源代码 配置项 v-bind:disabled=...

    javascript checkbox/radio onchange不能兼容ie8处理办法

    javascript checkbox/radio onchange不能兼容ie8处理办法 在ie8下,checkbox的onchange没能实现触发自定义的函数,如何解决该问题,如下: function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $(input...

    jquery单选框radio绑定click事件实现方法

    本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下: 代码如下:&lt;html&gt; &lt;head&gt; &lt;title&gt;单选框radio绑定click事件&lt;/title&gt; &lt;meta ...

    利用jquery操作Radio方法小结

    1、改变radio的选择,触发一些效果 代码如下: $(“input:radio[name=’dialCheckResult’]”).change(function (){ //拨通 alert&#40;“123”&#41;; }); 2、让页面中所有的radio可用。 $(“input:radio”).attr(...

    微信小程序 radio单选框组件详解及实例代码

    微信小程序单选框radio  相关文章: 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea ...radio-group中的选中项发生变化时触发change事件,even

    js change,propertychange,input事件小议

    https://github.com/mootools/mootools-core/issues/2170这个问题来自IE(LTE8)中对checkbox和radio change事件的实现问题,在IE(LTE8)中测试下来,当你点击一个checkbox或者radio,它的change事件是不会立即触发,...

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    $(“input[name=’radio_name’][checked]”).val(); //选择被选中Radio的Value值$(“#text_id”).... //使文本框的Vlaue值成选中状态$(“input[name=’radio_name’][value=’要选中Radio的Value值'”).attr(“checke

    通过label标记实现单选框点击文字也能选中

    &lt;label&gt; 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。...input type=”radio” value=”男” name=”man” id=”man”/&gt; 男 &lt;/label&gt; ”man2″&gt; &lt;input type=”rad

    javaScript常用事件

    常用javaScript事件归纳。 常用事件: 1.onclick 鼠标单击事件 通常在下列基本对象中产生: button(按钮对象) checkbox(复选框)或(检查列表框) radio (单选钮) reset buttons(重要按钮) submit ...

    人工智能-项目实践-检索系统-基于lucene全文检索引擎实现的短文本匹配系统

    基于lucene全文检索引擎实现的短文本匹配系统 ajax什么时候执行success,什么时候...jquery获取input type=raido的值 $('input:radio[name="radioname"]:checked').val(); springmvc中返回json数据时,如果json中有中

    解决layui中onchange失效以及form动态渲染失效的问题

    js var form = layui.form(); form.on('select(test)', function(data){ console.log(data); }); 这样操作即可达到目的。 对于动态拼接,给一个控件赋值的是否,layer也比jquery多一步。 jquery: $('#city').a

    一个基于jquery的页面表单草稿自动保存代码

    支持input type为 text,textarea,checkbox,radio,select,password,hidden的草稿自动保存 hidden的特殊性,因为hidden要手动触发change事件,当值改变的时候要 手动代码 .change() 触发一下才会保存相应的草稿 要实现...

    深入理解javaScript中的事件驱动

    javascript中的事件驱动是通过 鼠标或热键 的动作引发的 主要事件如下:1、鼠标单击事件 onclick 如:( &lt;input type=”button” value=”鼠标单击” onclick=”执行语句.处理” /&gt;) 通常用于如下控件:...

    jQuery详细教程

    如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。 当我们在教程中演示 jQuery 时,会将函数直接添加到 &lt;head&gt; 部分中。不过,把它们放到一个单独的...

    浅谈layui 表单元素的选中问题

    layui对表单元素都作了美化,...* 单选框,layui美化后,对应的type=radio的input项隐藏,在input之后追加了一个div,里面用i标签美化,所以我们需要做的事找到目标单选框的临近i标签,然后触发它的click事件 * 下拉框,layui

    微信小程序 label 组件详解及简单实例

    微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input  微信小程序 form 微信小程序 checkbox 实现...

    Jquery操作radio,checkbox,select表单操作实现代码

    //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text 3. var checkValue=$(“#select_id”).val(); //获取Select选择的Value...

    微信小程序form表单组件示例代码

    input/&gt; &lt;checkbox&gt; &lt;slider&gt; &lt;radio&gt; &lt;picker&gt; 提交。 当点击&lt;form/&gt;表单中 formType 为 submit 的&lt;button/&gt;组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。 ...

Global site tag (gtag.js) - Google Analytics