js 單選框點選選中和取消
阿新 • • 發佈：2019-02-13
首先是html程式碼，一個單選框 一個 隱藏域，便於給後臺傳遞資料.
<input type="checkbox" calss="span4" name="randomPassword" id="randomPassword" value="" onclick="changeBox(this)"/>
<input type="hidden" name="isRandomPassword" id="isRandomPassword" value=""/>
接下來是 js程式碼.
/**
*單選框點選事件
*/
function changeBox(obj) {
var box= $(obj);
if(obj.checked == true) {
box.parent().parent().next().val("Y");
box.parent("span").addClass("checked");
} else {
box.parent("span").removeClass("checked");
box.parent().parent().next().val("N"); }
}
$(function(){
var randomPasswordBox= $("#randomPassword");
var randomPasswordBoxClients = randomPasswordBox.val();
if(randomPasswordBoxClients == 'Y') {
randomPasswordBox.parent("span").addClass("checked");
randomPasswordBox.attr("checked",true);
}else {
$("#randomPassword").val("N");
$("#isRandomPassword").val("N");
}
})