如果输入处于活动状态,则在jQuery Cycle中添加:checked选项

时间:2014-12-18 15:54:28

标签: javascript jquery jquery-cycle

$('.webform-component-radios div').cycle({
  fx:      'fade',
  timeout: 0,
});
function onAfter(curr, next, opts) {
  var slide;
  slide = opts.currSlide + 1;
  var caption1 = (slide) + ' / ' + (opts.slideCount);
  $('#caption').html(caption1);
}

这是我的JS代码,它的工作正常。

HTML:

<div class='webform-component-radios'>
    <div class="form-item form-type-radio form-item-submitted-hazr-1 secim1">
        <input type="radio" id="edit-submitted-hazr-1-1" name="submitted[hazr_1]" value="cesaret_bir" class="form-radio"> 
        <label class="option" for="edit-submitted-hazr-1-1">label text </label>
        <div class="bg-image"></div></div>
        <div class="form-item form-type-radio form-item-submitted-hazr-1 secim2">
        <input type="radio" id="edit-submitted-hazr-1-1" name="submitted[hazr_1]" value="cesaret_iki" class="form-radio"> 
        <label class="option" for="edit-submitted-hazr-1-1">label text </label>
        <div class="bg-image"></div></div>
    </div>

好的,但是当我点击此页面时,请滑动所有div。但是,secim1总是:checked。我想,当div处于活动状态时,它必须是:checked

这是我:checked的代码:

if ($('.secim1').is(':visible')) {
$("#edit-submitted-hazr-1-1").attr('checked', 'checked');
}

if ($('.secim2').is(':visible')) {
$("#edit-submitted-hazr-1-2").attr('checked', 'checked');
}

if ($('.secim3').is(':visible')) {
$("#edit-submitted-hazr-1-3").attr('checked', 'checked');
}

if ($('.secim4').is(':visible')) {
$("#edit-submitted-hazr-1-4").attr('checked', 'checked');
}

if ($('.secim5').is(':visible')) {
$("#edit-submitted-hazr-1-5").attr('checked', 'checked');
}

if ($('.secim6').is(':visible')) {
$("#edit-submitted-hazr-1-6").attr('checked', 'checked');
}

if ($('.secim7').is(':visible')) {
$("#edit-submitted-hazr-1-7").attr('checked', 'checked');
}

if ($('.secim8').is(':visible')) {
$("#edit-submitted-hazr-1-8").attr('checked', 'checked');
}

if ($('.secim9').is(':visible')) {
$("#edit-submitted-hazr-1-9").attr('checked', 'checked');
}

if ($('.secim10').is(':visible')) {
$("#edit-submitted-hazr-1-10").attr('checked', 'checked');
}

我知道我的代码不起作用。但我不知道如何解决我的问题呢?你能帮助我吗?感谢。

0 个答案:

没有答案