$('.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');
}
我知道我的代码不起作用。但我不知道如何解决我的问题呢?你能帮助我吗?感谢。