单选框和复选框

1. 单选框

<label><input name="channel" type="radio" id="subChannel" value="子渠道" onClick="subChannelClick()"/>子渠道</label>
<label><input name="channel" type="radio" id="mainChannel" value="主渠道" style="margin-left:40px;" onClick="mainChannelClick()"/>主渠道</label>

js代码：

设置默认选择：

$('#mainChannel').attr("checked","checked");

获取选中的值

$('input:radio[name="channel"]:checked').val();

设置为不可选

$('#selectMainChannelBtn').linkbutton({disabled: false});

设置为可选

$('#selectMainChannelBtn').linkbutton({disabled: true});

使用一段时间后，我发先这个attr有bug，点的次数多了，就不响应了。解决办法：把attr换成prop就可以了

$('#mainChannel').prop("checked","checked");

2. 复选框

<td id="system"></td>

js代码：

var checkBox = document.createElement("input");
        checkBox.setAttribute("type","checkbox");
        checkBox.setAttribute("id", "id1");
        checkBox.setAttribute("name", "name1");
        checkBox.setAttribute("value", "zyyTest");
var label=document.createElement("label");
        label.appendChild(checkBox);
        label.appendChild(document.createTextNode("zyyTest"));
document.getElementById("system").appendChild(label);

//获取选择框选中的值

var str = '';
$('input:checkbox[name="name1"]:checked').each(function(){ 
str = str + $(this).val();
});