关于javascript：当我再次单击它时，如何删除复选框上的已检查的attr


How to remove checked attr on a checkbox when I click it again

本问题已经有最佳答案，请猛点这里访问。

我该怎么做：当我单击一个复选框，但再次单击它以删除选中的复选框时，$(".continuar").removeClass("ver");？

我的意思是，当我单击一个复选框时，下一个按钮将出现，如果我单击第二个复选框，它将变为选中，但我希望这样：当我再次单击第一个或第二个复选框以取消选中时，我希望该按钮消失。

这正是我想要的：复选框1未选中=$(".Continuar").AddClass("Ver")；复选框2未选中=$(".Continuar").AddClass("Ver")；上的相同。

我在说这个按钮

1
2
3
4
    <input type="button" onclick="siguiente()" value="Continuar" class="boton" />

<input class="opc1" type="checkbox" value="1" onClick="Califica(1)" />
<input class="opc2" type="checkbox" value="2" onClick="Califica(2)" />
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function Califica(opc) {
    $(".continuar").addClass("ver");
    respuestas[pMin]=opc;

    if (opc==1) {
        $("#p"+pMin+" .respuesta .opciones .opc1").attr('checked', true);
        $("#p"+pMin+" .respuesta .opciones .opc2").attr('checked', false);
    } else if (opc==2) {
        $("#p"+pMin+" .respuesta .opciones .opc1").attr('checked', false);
        $("#p"+pMin+" .respuesta .opciones .opc2").attr('checked', true );
    } else if(opc == 1 || opc == 2) {
        $("#p"+pMin+" .respuesta .opciones .opc1").removeAttr('checked');
        $("#p"+pMin+" .respuesta .opciones .opc2").removeAttr('checked');
     }
}

我试着用netzach的评论来做这个，但是没有用

功能加利福尼亚(OPC){

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
    $(".continuar").addClass("ver");
    respuestas[pMin]=opc;
    if (opc==1){
        $("#p"+pMin+" .respuesta .opciones .opc1").attr('checked', true);
        $("#p"+pMin+" .respuesta .opciones .opc2").attr('checked', false);
        $('.opc1').on("click",function(){



if($(this).attr('checked')) {
$('.button').show();
 }else{
   $('.button').hide();
  }
});

    }else if (opc==2){
        $("#p"+pMin+" .respuesta .opciones .opc1").attr('checked', false);
        $("#p"+pMin+" .respuesta .opciones .opc2").attr('checked', true );  
        $('.opc2').on("click",function(){


 if($(this).attr('checked')) {
    $('#button').hide();
  }
});    
        }
        }
相关讨论

我不知道你是什么意思，但如果我理解你的话，纠正你寻找这样的东西：

1
2
3
4
5
6
button{
  display:none;
}
input:checked + input:checked + button{
  display:block !important;
}
1
2
3
Please accept the terms of Conditions<input type="checkbox">
and the License Agreement<input type="checkbox">, thanks!
<button>Thanks, proceed &raquo;</button>

相关讨论

如果单击输入，则需要知道是否选中。您的button init$('button').hide()；或display:none。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
YOUR BUTTON

<input class="opc1" type="checkbox" value="1" />
<input class="opc2" type="checkbox" value="2" />

$('.opc1').on("click",function(){
  if($(this).prop('checked')) {
    $('#button').show();
  }else{
   $('#button').show();
  }
});
$('.opc2').on("click",function(){
  if($(this).prop('checked')) {
    $('#button').hide();
    //Also you can use $('#button').remove(); but if you need show this before don't remove.
  }
});
相关讨论