用css就行了
<input type="radio" name="input" id="input-01" value="1"/><label style="padding-left: 30px" for="input-01">a </label>
<input type="radio" name="input" id="input-02" value="1"/><label style="padding-left: 30px" for="input-02">b </label>
<input type="radio" name="input" id="input-03" value="1"/><label style="padding-left: 30px" for="input-03">c </label>
<input type="radio" name="input" id="input-04" value="1"/><label style="padding-left: 30px" for="input-04">d </label>
带空格时，空格后的选择符只匹配空格前的选择符的子元素，如楼主给出的 ".test :hidden" 指的是带有 "test" 类的元素的被隐藏的子元素，而与该父元素可见与否无关；而不带空格时，则只有完全匹配才可以，如楼主给出的 ".test:hidden" ，只有带有 "test" 类的元素被隐藏时才能被匹配。
本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考，具体如下：先来看看运行效果（在删除时连删即可）：
具体代码：
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<title>Document</title>
</head>
<body>
<input
type="text"
id="inp">
<script
src="jquery-1.12.3.min.js"></script>
<script>
$(function(){
$("#inp").keyup(function(){
/*
手机号验证时：
var
pattern
=
/^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/
pattern.test(str)
*/
_self
=
$(this)
if(_self.val().length
==
3
||
_self.val().length
==
8){
var
str
=
_self.val()+"
"
_self.val(str)
}
})
})
</script>
</body>
</html>
PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：
JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript
正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg
更多关于jQuery相关内容可查看本站专题：《jQuery正则表达式用法总结》、《jQuery字符串 *** 作技巧总结》、《jQuery *** 作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）