Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如果未选中radio box,如何验证radio box的编号并将其高亮显示?_Jquery_Css - Fatal编程技术网

Jquery 如果未选中radio box,如何验证radio box的编号并将其高亮显示?

Jquery 如果未选中radio box,如何验证radio box的编号并将其高亮显示?,jquery,css,Jquery,Css,$(文档).ready(函数() { $('#showme')。单击(函数(){ 验证结果(); }) }); 函数validateNresult() { 变量名称=[] $('.allrb')。每个(函数(){ var rname=$(this.attr('name'); if($.inArray(rname,names)=-1)names.push(rname); }); $.each(名称、函数(i、名称){ 如果($('input[name=“”+name+'”]:选中)。长度==0)

$(文档).ready(函数()
{
$('#showme')。单击(函数(){
验证结果();
})
});
函数validateNresult()
{
变量名称=[]
$('.allrb')。每个(函数(){
var rname=$(this.attr('name');
if($.inArray(rname,names)=-1)names.push(rname);
});
$.each(名称、函数(i、名称){
如果($('input[name=“”+name+'”]:选中)。长度==0)
{
$(此).addClass(“无效”);
}
其他的
{
$(此).removeClass(“无效”);
}
});
}
输入[类型=收音机]{
位置:绝对位置;
可见性:隐藏;
显示:内联块;
}
标签{
颜色:#9a929e;
显示:内联块;
光标:指针;
字体大小:粗体;
填充:5px20px;
保证金:自动;
}
输入[类型=收音机]:选中+标签{
颜色:#ccc8ce;
背景:#675f6b;
保证金:自动;
}
标签+输入[类型=收音机]+标签{
左边框:实心3px#675f6b;
}
.无线电组{
边框:实心3px#675f6b;
显示:内联块;
利润率:10px;
边界半径:10px;
溢出:隐藏;
字体系列:roboto;
}
桌子
{
边缘顶部:20px;
}
#标签td
{
垂直对齐:中间对齐;
}
ulli
{
列表样式类型:无;
显示:内联块;
}
ulli输入
{
文本对齐:居中;
}
无效的
{
轮廓:1px纯红;
}

1.
内容
ABCDE
2.
内容
ABCDE
3.
内容
ABCDE
4.
内容
ABCDE
5.
内容
ABCDE
6.
内容
ABCDE
7.
内容
ABCDE
8.
内容
ABCDE
9
内容
ABCDE

查看结果
检查下面的代码是否有用!如果没有选中任何复选框,它将突出显示整个div

如果您想在复选框中突出显示,请考虑取消/注释添加/移除类的代码行。< /P>

$(文档).ready(函数(){
$('#showme')。单击(函数(){
验证结果();
})
});
函数validateNresult(){
$('.allrb')。每个(函数(){
var rname=$(this.attr('name');
var parentDiv=$(this.parents(“div”);
if(parentDiv.find(“[name=”+rname+”]:选中”).length>0){
parentDiv.removeClass(“无效”);//突出显示div
//$(this).next(“label”).removeClass(“无效”);//突出显示复选框周围
}否则{
parentDiv.addClass(“无效”);
//$(this).next(“标签”).addClass(“无效”);
}
});
}
输入[类型=收音机]{
位置:绝对位置;
可见性:隐藏;
显示:内联块;
}
标签{
颜色:#9a929e;
显示:内联块;
光标:指针;
字体大小:粗体;
填充:5px20px;
保证金:自动;
}
输入[类型=收音机]:选中+标签{
颜色:#ccc8ce;
背景:#675f6b;
保证金:自动;
}
标签+输入[类型=收音机]+标签{
左边框:实心3px#675f6b;
}
.无线电组{
边框:实心3px#675f6b;
显示:内联块;
利润率:10px;
边界半径:10px;
溢出:隐藏;
字体系列:roboto;
}
桌子{
边缘顶部:20px;
}
#标签td{
垂直对齐:中间对齐;
}
ulli{
列表样式类型:无;
显示:内联块;
}
ulli输入{
文本对齐:居中;
}
.无效{
边框:1px纯红;
}

1.
内容
ABCDE
2.
内容
ABCDE
3.
内容
ABCDE
4.
内容
ABCDE
5.
内容
ABCDE
6.
内容
ABCDE
7.
内容
ABCDE
8.
内容
ABCDE
9
内容
ABCDE
查看结果
请尝试以下操作:

$(文档).ready(函数()
{
$('#showme')。单击(函数(){
验证结果();
})
});
函数validateNresult()
{
变量名称=[]
$('.allrb')。每个(函数(){
var rname=$(this.attr('name');
if($.inArray(rname,names)=-1)names.push(rname);
});
$.each(名称、函数(i、名称){
如果($('input[name=“”+name+'”]:选中)。长度==0)
{
//$(此).addClass(“无效”);
$('input[name=“”+name+'“]')。等式(0)。最近('.radio group')。addClass(“无效”);
}
其他的
{
//$(此).removeClass(“无效”);
$('input[name=“”+name+'“]')。等式(0)。最近('.radio group')。removeClass(“无效”);
}
});
}
输入[类型=收音机]{
位置:绝对位置;
可见性:隐藏;
显示:内联块;
}
标签{
颜色:#9a929e;
显示:内联块;
光标:指针;
字体大小:粗体;
填充:5px20px;
保证金:自动;
}
输入[类型=收音机]:选中+标签{
颜色:#ccc8ce;
背景:#675f6b;
保证金:自动;
}
标签+输入[ty]