Для выполнения примера добавьте ссылки на библиотеку PP.js и таблицы визуальных стилей PP.css. Разместим на странице группу компонентов RadioButton, состоящую из трех переключателей.
<script type="text/javascript">
function RadioGroup(group, text, id, state) {//Добавим функцию, содержащую значения свойств компонента RadioButton:
var radiobutton = new PP.Ui.RadioButton({ ParentNode: document.getElementById("radiobuttons"),
Checked: state,//Признак наличия отметки
GroupName: group,//Имя группы
Content: text,//Текст, который будет расположен рядом с переключателем
Id: id//Идентификатор переключателя
});
}
//Экземпляры компонента RadioButton. В качестве параметров - значения свойств компонента.
RadioGroup('group1', 'RadioButton1<br/>', "rb1", true);
RadioGroup('group1', 'RadioButton2<br/>', "rb2", false);
RadioGroup('group1', 'RadioButton3', "rb3", false);
</script>
После выполнения примера на html-странице будет размещена группа компонентов RadioButton, состоящая из трех переключателей, первый из которых является отмеченным:
При выборе другого компонента группы отметка с предыдущего переключателя снимается.
См. также: