JQueryアクションチェックボックス、全選択、逆選択、選択した値
3944 ワード
他の人のjQueryチェックボックスで操作したコードを参考にすると,attr()を用いて属性付与を処理する際に1回目の機能が正常で,2回目の再クリック時に反応しないという問題があることが分かった.ここでprop()を使って操作すると正常です.
指定した値に基づいて、チェックボックスを選択し、シーン試験問題の答えをチェックします.
jqueryフォーマット時間
$(function(){
//
$("#all").click(function(){
if (this.checked) {
$("#list :checkbox").prop("checked",true);
}else{
$("#list :checkbox").prop("checked",false);
}
});
$("#selectAll").click(function(){
$("#list :checkbox,#all").prop("checked",true);
});
$("#unSelect").click(function(){
$("#list :checkbox,#all").prop("checked",false);
});
$("#reverse").click(function(){
$("#list :checkbox").each(function(){
$(this).prop("checked",!$(this).prop("checked"));
});
allCheck();
});
//
$("#list :checkbox").click(function(){
allCheck();
});
$("#getValue").click(function(){
var valArr = new Array;
$("#list input[name='step']").each(function(i){
if($(this).prop("checked")){
valArr[i]=$(this).val();
}
});
var vals = valArr.join(',');
alert(vals);
})
function allCheck(){
var count = $("#list :checkbox").size();
var cut = 0;
$("#list :checkbox").each(function(){
if ($(this).prop("checked") == true) {
cut++;
}
});
// alert(cut,count);
if (cut == count) {
$("#all").prop("checked",true);
}else{
$("#all").prop("checked",false);
}
}
})
指定した値に基づいて、チェックボックスを選択し、シーン試験問題の答えをチェックします.
// class checkbox
$('.muti-opt-items input:checkbox').each(function () {
//
var answer = "ABCD";
var arr = answer.split("");
var check = $(this);// checkbox
//
$.each(arr,function (index,value) {
if(check.attr("value")==value){
check.attr("checked",true);
}
})
});
jqueryフォーマット時間
function timeStamp2String(time){
var datetime = new Date();
datetime.setTime(time);
var year = datetime.getFullYear();
var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();
var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second;
}