這是你的小提琴JS代碼一個較短的版本:
$(document).ready(function() {
// When document is ready, we bind the click event on every 'input' in the '.date-container' div
$('.date-container input').click(function(){
// When a click event is triggered on one of those 'input', we hide
// all the 'div' that are in the '#checkboxradio' element
$('#checkboxradio > div').hide('slow');
// Using the 'id' attribute of the input that triggered the clicked
// event (e.g. "day1"), we build a jQuery selector that'll be used
// to select the proper checkboxes time container
// (e.g. "." + "day1" + "-times" = ".day1-times")
// Then we stop all animations on that element (prevent hiding if
// it's the element we actually want to display)
// and trigger a show animation on that same element
$('.' + $(this).prop('id') + '-times').stop().show('slow');
});
});
你可能想從複選框切換到無線電
您的代碼似乎並不爲w好吧 - 它仍然顯示我'第2天'項目,當我取消選中該框 –
'j!== i' ......... ??? – Jai
嘗試:'[... Array(4)] .forEach((x,i)=> {/ * code for your loop * /});' –