Выбранное радио не меняет кнопку цвета jQuery

У меня есть форма ho проверить список задач, моя идея - когда задача отмечена кнопкой, изменяющей цвет, но вместо этого меняется фон, что является моей проблемой?Выбранное радио не меняет кнопку цвета jQuery

часть кода:

изменение

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
<script type="text/javascript"> 
     $(function() { 
$('#popupDialog').click(function() { 


if($(this).select()) { 

    $('#ba700') 
    .buttonMarkup({ theme:"b" }) 

    } 
})}); 
    </script>   
</head> 
<body> 
    <div data-role="page" data-theme="a" > 
      <div data-role="header" data-position="inline"> 
       <div class="logo"><a href="control.html"><img src="http://10.0.210.26/control/logo_utryt.png" width="40%"alt=""/></a></div> 
      </div> 
     <div data-role="content" data-theme="a"> 
     <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-check"> 
        <a href="vagon1.html" class="ui-btn footer-button-right ui-btn-icon-right ui-icon-check ui-state-disabled">Vagón 1</a> 
        <a href="vagon2.html" class="ui-btn footer-button-right ui-btn-icon-right ui-icon-check">Vagón 2</a> 
        <a href="vagon3.html" class="ui-btn footer-button-right ui-btn-icon-right ui-icon-check">Vagón 3</a> 
     <a href="#" class="ui-btn ui-btn-icon-right ui-icon-mail">Enviar</a> 
     </div> 

      <div data-role="controlgroup"> 
<div class="grid grid-pad"> 
    <div class="col-1-3"> 
    <div class="module"> 
    <a href="#popupMenu" id="popupm" data-role="button" data-rel="popup" data-position-to="window" data-transition="pop" > 
    <h1>Dispositivos de Recaudo</h1></a> 
    <div data-role="popup" id="popupMenu" data-theme="a" data-dismissible="false" > 
      <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>  
    <div data-role="collapsibleset" id="popupDialog" data-theme="a" data-content-theme="a" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" > 
    <div data-inset="false" id="ba700" data-role="collapsible" data-theme="a"> 
      <h2>BA700</h2> 
      <ul data-role="listview" > 
      <form id="form"><fieldset data-role="controlgroup"><input type="radio" name="radio-v-m" id="radio-v-m" > 
      <label for="radio-v-m">Si</label><input type="radio" name="radio-v-m" id="radio-v-1m"> 
      <label for="radio-v-1m">No</label> 
       <textarea data-mini="true" cols="40" rows="8" name="textarea-4" id="textarea-4" placeholder="Observación"></textarea> 
      </fieldset> 
      </form>  
      </ul> 
      </div>

этот код тема спины, но я хочу, чтобы изменить тему кнопки, когда я выбираю отметку RADIO

любую помощь, пожалуйста

источник

2015-04-20 Nikolas Tenorio Osorio

'# ba700' уверен, выглядит как элемент с больше контента, чем просто кнопка? – adeneo

Да, проверьте с помощью firebug, каков путь к вашей кнопке, добавьте на него идентификатор и примените к нему цветное изменение вместо # ba700 – Random

Предполагая, что вы хотите изменить тему сменного при нажатии переключателей. Добавьте значение для радиокнопок так мы знаем, какой выбран один:

<input type="radio" name="radio-v-m" id="radio-v-m" value="0" /> 
<label for="radio-v-m">Si</label> 
<input type="radio" name="radio-v-m" id="radio-v-1m" value="1" /> 
<label for="radio-v-1m">No</label>

Затем в сценарии обрабатывать событие изменения кнопок радио, выяснить, какой из них выбран, а затем изменить складную тему по мере необходимости

$('input[name="radio-v-m"]').on("change", function(){ 
    var val = $('input[name="radio-v-m"]:checked').val(); 
    if (val == '0'){ 
     $(this).closest(".ui-collapsible").collapsible("option", "theme", "b"); 
    } else { 
     $(this).closest(".ui-collapsible").collapsible("option", "theme", "a"); 
    }  
});

Работа DEMO

источник

2015-04-20 17:47:25 ezanker

, то есть строгий ответ tnks –

@NikolasTenorioOorio, добро пожаловать. Пожалуйста, обратите внимание на ответ как «Принято», поэтому будущие поисковики узнают, что проблема решена. – ezanker

Где «принят» –

Выбранное радио не меняет кнопку цвета jQuery

ответ

Смежные вопросы