Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.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
Javascript 单选按钮上的jquery Clic和TD边框_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 单选按钮上的jquery Clic和TD边框

Javascript 单选按钮上的jquery Clic和TD边框,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如图片所附,我有一个简单的HTML表格,每个单元格内都有单选按钮。一旦usr点击单元格的单选按钮,我需要勾勒出单元格的轮廓 <table class='TablaBlanca' border= '0'> <tr id='V14_1'> <td><label for='Input_V14_1'><input id ='Input_V14_1' type='radio' name='V14' value='1' class='valida

如图片所附,我有一个简单的HTML表格,每个单元格内都有单选按钮。一旦usr点击单元格的单选按钮,我需要勾勒出单元格的轮廓

<table class='TablaBlanca' border= '0'>
<tr id='V14_1'>
<td><label for='Input_V14_1'><input id ='Input_V14_1' type='radio' name='V14' value='1'     class='validateCallback'><img src='instructivo_1.png'></label></td>
</tr>

<tr id='V14_2'>
<td><label for='Input_V14_2'><input id ='Input_V14_2' type='radio' name='V14' value='2'    class='validateCallback'><img src='ThumpUp.jpg'></label></td>
</tr>

<tr id='V14_3'>
<td><label for='Input_V14_3'><input id ='Input_V14_3' type='radio' name='V14' value='3' class='validateCallback'><img src='wfi_on.jpg'></label></td>
</tr>

<tr id='V14_4'>
<td><label for='Input_V14_4'><input id ='Input_V14_4' type='radio' name='V14' value='4' class='validateCallback'><img src='instructivo_1.jpg'></label></td>
</tr>

<tr id='V14_5'>
<td><label for='Input_V14_5'><input id ='Input_V14_5' type='radio' name='V14' value='5'   class='validateCallback'><img src='instructivo_3.jpg'></label></td>
</tr>
有什么想法吗?这是合乎逻辑的,但不起作用:

    $('input:radio[name="V14"]').css({ border:'' });
    $('input:radio[name="V14"]:checked').css({ border:'4px solid black' });
下面是一个要尝试的JSFIDLE:


谢谢

您不能为单选按钮元素指定边框:关于如何设置此类元素的样式

简而言之,设置收音机标签的样式:

$('input:radio[name="V14"] + label').css({ border:'' });
$('input:radio[name="V14"]:checked + label').css({ border:'4px solid black' });
注意
+标签
选择器

或者,使用以下命令设置单元格的样式:


不能为单选按钮元素指定边框:关于如何设置此类元素的样式

简而言之,设置收音机标签的样式:

$('input:radio[name="V14"] + label').css({ border:'' });
$('input:radio[name="V14"]:checked + label').css({ border:'4px solid black' });
注意
+标签
选择器

或者,使用以下命令设置单元格的样式:


不能为单选按钮元素指定边框:关于如何设置此类元素的样式

简而言之,设置收音机标签的样式:

$('input:radio[name="V14"] + label').css({ border:'' });
$('input:radio[name="V14"]:checked + label').css({ border:'4px solid black' });
注意
+标签
选择器

或者,使用以下命令设置单元格的样式:


不能为单选按钮元素指定边框:关于如何设置此类元素的样式

简而言之,设置收音机标签的样式:

$('input:radio[name="V14"] + label').css({ border:'' });
$('input:radio[name="V14"]:checked + label').css({ border:'4px solid black' });
注意
+标签
选择器

或者,使用以下命令设置单元格的样式:


取决于“大纲单个单元格”的含义。现在,您的代码正在突出显示输入元素的父元素,即标签。如果要突出显示单元格本身,即td,可以执行以下操作:

$('input:radio[name="V14"]:checked').closest('td').css({ 
    border:'4px solid black' 
});

请参见此处:

取决于“大纲单个单元格”的含义。现在,您的代码正在突出显示输入元素的父元素,即标签。如果要突出显示单元格本身,即td,可以执行以下操作:

$('input:radio[name="V14"]:checked').closest('td').css({ 
    border:'4px solid black' 
});

请参见此处:

取决于“大纲单个单元格”的含义。现在,您的代码正在突出显示输入元素的父元素,即标签。如果要突出显示单元格本身,即td,可以执行以下操作:

$('input:radio[name="V14"]:checked').closest('td').css({ 
    border:'4px solid black' 
});

请参见此处:

取决于“大纲单个单元格”的含义。现在,您的代码正在突出显示输入元素的父元素,即标签。如果要突出显示单元格本身,即td,可以执行以下操作:

$('input:radio[name="V14"]:checked').closest('td').css({ 
    border:'4px solid black' 
});
请参见此处:

执行以下操作:

$('input:radio[name="V14"]').click(function(){
$(this).parent().css({ border:'' });
// the rest of code
});
当您说
input:radio[name=“V14
click时,您必须对已单击的元素进行操作。并非所有元素都匹配。因此,请在
click
函数中使用
$(此)

执行以下操作:

$('input:radio[name="V14"]').click(function(){
$(this).parent().css({ border:'' });
// the rest of code
});
当您说
input:radio[name=“V14
click时,您必须对已单击的元素进行操作。并非所有元素都匹配。因此,请在
click
函数中使用
$(此)

执行以下操作:

$('input:radio[name="V14"]').click(function(){
$(this).parent().css({ border:'' });
// the rest of code
});
当您说
input:radio[name=“V14
click时,您必须对已单击的元素进行操作。并非所有元素都匹配。因此,请在
click
函数中使用
$(此)

执行以下操作:

$('input:radio[name="V14"]').click(function(){
$(this).parent().css({ border:'' });
// the rest of code
});


当您说
input:radio[name=“V14
click时,您必须对已单击的元素进行操作。并非所有元素都匹配。因此请使用
$(此)
在您的
功能中单击

创建一个小提琴请我做:创建一个小提琴请我做:创建一个小提琴请我做:创建一个小提琴请我做:先生,TD需要边框,收音机在TDSure内,上面的代码将其父元素
TD
,设置为4倍纯黑色边框?先生,边框是TD需要时,无线电在TDSure内,上述代码将其父元素
TD
设置为4px实心黑色边框?先生,TD需要时,无线电在TDSure内,上述代码将其父元素
TD
设置为4px实心黑色边框?先生,需要时,边框TD,无线电在TDSure内,上面的代码设置其父元素,
TD
,使其具有4px实心黑色边框?先生,一个单元格就是一个TD,就像这个单元格一样,在您的jsfiddle示例中,您向一个父代指出,但父代是tr,我不需要整行(tr)概述,这里只更新了单元格:--这段代码更改了包含选中单选按钮的td。先生,单元格只是td,就像这个单元格一样,在您的jsfiddle示例中,您向家长指出,但家长是tr,我不需要整行(tr)概述,这里只更新了单元格:--这段代码更改了包含选中单选按钮的td。先生,单元格只是td,就像这个单元格一样,在您的jsfiddle示例中,您向家长指出,但家长是tr,我不需要整行(tr)概述,这里只更新了单元格:--这段代码更改了包含选中单选按钮的td。先生,单元格只是td,就像这个单元格一样,在您的jsfiddle示例中,您向家长指出,但家长是tr,我不需要整行(tr)概述,这里只更新了单元格:--此代码更改了包含选中单选按钮的td。是否已将单击函数中的所有
input:radio[name=“V14”]
替换为
this
?是否已将所有
input:radio[name=“V14”]
在单击函数中使用
?是否将单击函数中的所有
输入:收音机[name=“V14”]
替换为
?是否将单击函数中的所有
输入:收音机[name=“V14”]
替换为