Сделать галочку чекбокса неактивной.

Hilo

Хранитель порядка
Регистрация
31 Мар 2008
Сообщения
929
Реакции
600
Есть форма.
В ней поля для выбора и две галочки. Пр нажатии на первую галочк, поля формы становятся неактивными, так и нужно. А вот вторая галочка не стновится неактивной. Пример кода:

if( jQuery("#RType option:selected").val()=="Выбор" )
{
if(jQuery("#RAlone0").attr("checked")) // если первая галочка включена то
{
jQuery("#RQuantity1").attr( "disabled", "true" );
jQuery("#RQuantity1 [value='1']").attr("selected", "selected");
jQuery("#RQuantity2").attr( "disabled", "true" );
jQuery("#RQuantity2 [value='0,1,2,3']").attr("selected", "selected");
jQuery("#RQuantity3").attr( "disabled", "true" );
jQuery("#RQuantity3 [value='0']").attr("selected", "selected");
jQuery("#RQuantity4").attr( "disabled", "true" );
jQuery("#RQuantity4 [value='0']").attr("selected", "selected");
jQuery("#RTwoalone").prop("disabled",false); /* все выше это поля формы, а этот параметр, так как не html, я не могу использовать .attr или .removeAttr верно? Поэтому поставил .prop однако галочка все ещё активна, как сделать её неактивной? */
res=(тут идет подсчет цены);
}
else { // если первая галочка отключена то
jQuery("#RQuantity1").removeAttr( "disabled");
jQuery("#RQuantity2").removeAttr( "disabled");
jQuery("#RQuantity3").removeAttr( "disabled");
jQuery("#RQuantity4").removeAttr( "disabled");
res=(тут идет подсчет цены);
}
}
 
Последнее редактирование:
все равно галочка активна (её можно поставить)

Никто неможет поомочь?
PHP:
if( jQuery("#RType option:selected").val()=="выбор)" ) {
     if(jQuery("#RAlone0").attr("checked")) {
       jQuery("#RQuantity1").attr( "disabled", "true" );
       jQuery("#RQuantity1 [value='1']").attr("selected", "selected");
       jQuery("#RQuantity2").attr( "disabled", "true" );
       jQuery("#RQuantity2 [value='0']").attr("selected", "selected");
       jQuery("#RQuantity3").attr( "disabled", "true" );
       jQuery("#RQuantity3 [value='0']").attr("selected", "selected");
       jQuery("#RQuantity4").attr( "disabled", "true" );
       jQuery("#RQuantity4 [value='0']").attr("selected", "selected");
       res=тут идет подсчет цены с включенной первой галочкой;
     }
     else if (jQuery("#RTwoalone0").attr("checked")) {
       jQuery("#RQuantity1").attr( "disabled", "true" );
       jQuery("#RQuantity1 [value='1']").attr("selected", "selected");
       jQuery("#RQuantity2").attr( "disabled", "true" );
       jQuery("#RQuantity2 [value='0']").attr("selected", "selected");
       jQuery("#RQuantity3").attr( "disabled", "true" );
       jQuery("#RQuantity3 [value='0']").attr("selected", "selected");
       jQuery("#RQuantity4").attr( "disabled", "true" );
       jQuery("#RQuantity4 [value='0']").attr("selected", "selected");
       res=тут идет подсчет цены с включенной второй галочкой;
     }
     else {
       jQuery("#RQuantity1").removeAttr( "disabled" );
       jQuery("#RQuantity2").removeAttr( "disabled" );       
       jQuery("#RQuantity3").removeAttr( "disabled" );
       jQuery("#RQuantity4").removeAttr( "disabled" );
       res=тут идет подсчет цены с вылюченными обеими галочками, но включенными формами;
     }
   }
как сделать такк чтобы при включении первой галочки вторая была неактивна? и наоборот при включении второй галочки первая неактивна.
 
Последнее редактирование модератором:
Лучше всего повесить все на евенты, да и совсем было бы кошерно увидеть полный код который все это делает.
как вариант
HTML:
<script>
$('#RAlone0').on('change', function(e){
    $('#RTwoalone0').prop('disabled', !this.checked);
});
$('#RTwoalone0').on('change', function(e){
    $('#RAlone0').prop('disabled', !this.checked);
});

</script>
 
  • Нравится
Реакции: Hilo
Когда столкнулся с данной задачей, сделал так.
Логика работы, если нажато на первый чекбокс - снять чек со второго в любом случае.

на второй чекбокс вешать уже свои условия.

Код:
        jQuery('#firstid').click(function() {
            jQuery("#secondid").prop( "checked", false );
        });
 
  • Нравится
Реакции: Hilo
Назад
Сверху