用于前端，只需要绑定对象即可的实现只能选中单项且样式精简的基础控件。添加选中事件可实现选中后的操作。
RadioButton()Contents
- RadioButton()
html代码
<head>
<title><／title>
<link href="/_css/common.css" rel="stylesheet" type="text/css" ／>
<script src="/_js/jquery-1.8.2.min.js" type="text/javascript"><／script>
<script src="/_js/Valid.js" type="text/javascript"><／script>
<script src="download.js" type="text/javascript"><／script>
<／head>
<body>
<div class="com_table">
<b class="radio" _txt="1"><／b>
<b class="radio" _txt="2"><／b>
<b class="radio" _txt="3"><／b>
<／div>
<／body>
init()
初始化对象
示例:
$(document).ready(function () {
$('.com_table .radio').each(function (i, item) {
var radio = new RadioButton();
radio.obj = $(this);
radio.init();
})
})
$('.com_table .radio').each(function (i, item) {
var radio = new RadioButton();
radio.obj = $(this);
radio.init();
})
})
展示效果:
click_callback()
选择事件
示例:
$('.com_table .radio').each(function (i, item) {
var radio = new RadioButton();
radio.obj = $(this);
//选择事件
radio.click_callback = function () {
alert("已选择该项");
}
radio.init();
})
var radio = new RadioButton();
radio.obj = $(this);
//选择事件
radio.click_callback = function () {
alert("已选择该项");
}
radio.init();
})
展示效果: