.toggleCircle?$(".toggleCircle").toggleClass("selected");
input атрибут required и он соответствующим образом стилизуется. При наведении и в состоянии фокуса, будет отображаться подсказка как на картинке.required
$(function () {
$("input[type='radio']").on("change", function (event) {
if (event.target.id == "shipping_method_0_flat_rate25") {
$("#ship-to-different-address-checkbox").attr("checked", true);
} else {
$("#ship-to-different-address-checkbox").removeAttr("checked");
}
});
});function createTable(db) {
let tableContent = document.getElementById('content');
let maxTextLen = 60;
for(let i=0; i<db.length; i++) {
let row = `<tr>
<td>${db[i].name.firstName}</td>
<td>${db[i].name.lastName}</td>
<td class="about">${ (db[i].about.length > maxTextLen) ? db[i].about.substring(0, maxTextLen) + ' ...' : db[i].about }</td>
<td>${db[i].eyeColor}</td>
</tr>
`
tableContent.innerHTML += row;
}
}
createTable(dbObj);.about{
max-width: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}<ul class="toys"></ul>
<ul class="gifts"></ul>function toListElements(jsonStr) {
function normalize(str) {
return str.split(';').map(function(item) {
return '<li>' + item + '</\li>';
}).join('');
}
const jsonObj = JSON.parse(jsonStr);
document.querySelector('.toys').innerHTML = normalize(jsonObj['toys']);
document.querySelector('.gifts').innerHTML = normalize(jsonObj['gifts']);
}
toListElements('{"toys":"машинка;кукла;мяч","gifts":"конструктор;набор;мячик;набор"}');