用javascript设置单选按钮 radio 为必填......

用javascript设置单选按钮 radio 为必填......,第1张

看了你的问题,我有几点意见

1、建议你以后创建html元素的时候,name属性和id属性尽量保持一致,除非特殊情况,这个是编码规范

2、写代码的时候尽量写全,比如你的id="times/>(1~10)这里少了一个上引号,如果别人写的代码总是这样马虎,让你改,你要疯掉的

3、按照你的意思是想用一个选择框来控制文本的输入,这里有2种方案的,第一种是用1个checkbox比你上面用2个radio要实用很多,很多时候要考虑合理性和客户体验;如果你想选不同的radio,而要用户做不同的事情,比如选几种情况需要填几种不同的内容就用radiogroup来做

代码如下:

<h3>使用checkbox<h3/>

<div>是否测试:<input type="checkbox" name="test" id="test" checked="checked" /></div>

<div><input type="text" name="times" id="times" /></div>

<div><input type="button" value="提交" onclick="checkdata()"/></div>

<h3>使用radiobox<h3/>

<div>是否测试:<input type="radio" name="A1" id="A1" value="1" checked/>是 <input type="radio" name="A1" id="A1" value="2" />否</div>

<div><input type="text" name="testb" id="testb" /></div>

<div><input type="button" value="提交" onclick="checkradio()"/></div>

<script language="javascript">

<!--

function checkdata() {

if (test.checked &&times.value=="") {

alert("文本框必须输入")

}

}

function checkradio() {

for(i=0i<A1.lengthi++) {

if(A1[i].checked==true &&A1[i].value==1) {

alert("文本框必须输入")

return

}

}

}

//-->

</script>

你可以在前边加,后边的话好像没有现成的,

前边加的代码:

<div class="layui-form-item">

<label class="layui-form-label required">标题</label>

<div class="layui-input-block">

<input type="text" name="title" id="title" autocomplete="off"

lay-verType="tips" placeholder="请输入标题" lay-verify="required"  class="layui-input" />

</div>

</div>

在label的class中加入【required】标签 ,然后在他输入框中加入【lay-verify="required" 】即可达到必填功能和提示效果,结果如图:


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

原文地址: http://outofmemory.cn/bake/7965780.html

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

发表评论

登录后才能评论

评论列表(0条)

保存