Javascript 标记未检查的无线电输入
嘿,问题来了。 我有3x3表,每个单元格都有radion输入。 每一行都有自己的名称,所以一行只能检查一台收音机。 如果选择了这3台收音机,我已经向checl发出了jquery。如果是,我们进入下一页,如果不是,我必须选择没有标记收音机的线路。 我已经做了“是”的检查,但不知道“否”的说法。 代码如下:Javascript 标记未检查的无线电输入,javascript,jquery,radio-button,Javascript,Jquery,Radio Button,嘿,问题来了。 我有3x3表,每个单元格都有radion输入。 每一行都有自己的名称,所以一行只能检查一台收音机。 如果选择了这3台收音机,我已经向checl发出了jquery。如果是,我们进入下一页,如果不是,我必须选择没有标记收音机的线路。 我已经做了“是”的检查,但不知道“否”的说法。 代码如下: <div id="check-services" class="button">
<div id="check-services" class="button">
<table>
<tr class="select-checkboxes">
<td>Fahrschule Müssig Dresdner Straße 1 80993 München</td>
<td class="radio-tab"><input name="radio-office-01" type="radio"/></td>
<td class="radio-tab"><input name="radio-office-01" type="radio"/></td>
<td class="radio-tab"><input name="radio-office-01" type="radio"/></td>
</tr>
<tr class="select-checkboxes">
<td>Fahrschule Müssig Straßbergerstraße 34 80809 München</td>
<td class="radio-tab"><input name="radio-office-02" type="radio"/></td>
<td class="radio-tab"><input name="radio-office-02" type="radio"/></td>
<td class="radio-tab"><input name="radio-office-02" type="radio"/></td>
</tr>
<tr class="select-checkboxes">
<td>Fahrschule Müssig Goethestraße 66 80663 München</td>
<td class="radio-tab"><input name="radio-office-03" type="radio"/></td>
<td class="radio-tab"><input name="radio-office-03" type="radio"/></td>
<td class="radio-tab"><input name="radio-office-03" type="radio"/></td>
</tr>
</table>
</div>
$('#check-services .button').click(function(){
var officeOne = $('input[name="radio-office-01"]');
var officeTwo = $('input[name="radio-office-02"]');
var officeThree = $('input[name="radio-office-03"]');
if($(officeOne && officeTwo && officeThree).is(':checked')){
$(this).parents('#check-services').hide();
$('#check-payment').show()
}
else{
blablabla
}
});
法尔斯丘勒·穆西格·德累斯德纳大街180993 Munchen
法尔斯丘勒缪西大街贝格斯特拉街34 80809缪岑
法尔斯丘勒·穆西格·歌德斯特拉66 80663缪岑
$('#check services.button')。单击(函数(){
var officeOne=$('input[name=“radio-office-01”]”);
var officeTwo=$('input[name=“radio-office-02”]”);
var officeThree=$('input[name=“radio-office-03”]”);
if($(officeOne&&officewo&&officeThree).is(':checked')){
$(this).parents('#check services').hide();
$('支票付款').show()
}
否则{
喋喋不休
}
});
您使用的选择器不正确
使用以下选择器:$(“#check services.button”)
你检查收音机是否被检查的方式也不正确
这是正确的条件:
if($(officeOne).is(':checked') && $(officeTwo).is(':checked') && $(officeThree).is(':checked') )
这里有一个演示来演示结果:我怀疑是否正确理解您的问题,但我想推荐jquery的方法 正如您所看到的,我们现在有了没有选中输入的行 正如@radonirina maminiaina所说,你的错误是你的状况。但还有更好的方法:
if ( officeOne.is( ':checked' ) && officeTwo.is( ':checked' )
&& officeThree.is( ':checked' ) ) {
alert('yes');
}
在接下来的过程中,我们检查了表中的每一行,并为它们提供了一些特定的样式(您可能还想用它们做其他任何事情):
其他行也一样。完整的工作代码在您的计算机上。尝试检查其中一些并提交
希望能提供帮助。您还没有完成“是”检查,而且输入不应具有相同的
名称
属性。您可以提供一个链接,我可以看到您的代码正在工作吗?这里一定复制了错误的内容
if ( !officeOne.is( ':checked' ) ) {
officeOne.closest( 'tr' ).css('background-color', 'red' );
}