随笔-103  评论-37  文章-0  trackbacks-0

jquery获取复选框checkbox的值

js:

//js获取复选框值    
            var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组    
            var s='';//如果这样定义var s;变量s中会默认被赋个null值
            for(var i=0;i<obj.length;i++){
                 
if(obj[i].checked) //取到对象数组后,我们来循环检测它是不是被选中
                 s+=obj[i].value+',';   //如果选中,将value添加到变量s中    
            }
juery:
//jquery获取复选框值    
            var chk_value =[];//定义一个数组    
            $('input[name="interest"]:checked').each(function(){//遍历每一个名字为interest的复选框,其中选中的执行函数    
            chk_value.push($(this).val());//将选中的值添加到数组chk_value中    
            });

JQuery设置disabled和enabled

document.getElementById("removeButton").disabled = false;//普通Js写法
$("#removeButton").removeAttr("disabled");//要变成Enable,JQuery只能这么写
$("#removeButton").attr("disabled","disabled");//再改成disabled

$("#model").find('input:text').attr("disabled","disabled");  //让id为model里的所有input text文本输入框变成disabled
$(
"#model").find('input:text').removeAttr("disabled");    //让id为model里的所有input text文本输入框去掉disabled
$(
"#model").find('select').attr("disabled","disabled");    //让id为model里的所有select下拉框变成disabled
$(
"#model").find('select').removeAttr("disabled");        //让id为model里的所有select下拉框去掉disable

<tbody id="model"
...
</tbody>

JQuery clone表格的一行
var $tr = $("#model_part .tr_part").clone(true);     //把id为model_part里的class为tr_part的一行复制到id为tmp_part里
$tr.appendTo($("#tmp_part"));

<tbody id="model_part">
<tr class="tr_part">
  
<td>aaa<td>
  <td class="button_part"><input type="button" value="add" onclick='addRow();'></td>
</tr>
</tbody>
<tbody id="tmp_part"></tody>

JQuery让每个被clone的一行tr的class值加1
var num = $("#tmp_part tr").size();     //先得出id为tmp_part的tbody里有几行tr了
$(
"#tmp_part .tr_part").attr("class","tr_part_"+num);     //再把id为tmp_part的tbody里复制的tr_part的class设置为tr_part_num

Jquery给clone后的button的onclick重新弄一个onclick的js函数
$("#tmp_part .button_part").attr("class","button_part_"+num);     //把id为tmp_part的tbody里复制的button_part的td的class设置为button_part_num
$(".button_part_"+num).empty();      //把td class为button_part_num的td清空
$(".button_part_"+num).append("<input type=\"button\" value=\"-\" onclick=\"delRow('"+tr_class+"_"+num+"')\">");   //再在td class为button_part_num的td添加button

 Jquery判断checkbox是否选中

if ($("#model_part").find('input:checkbox').attr("checked")) {
}

Jquery读取提交过来的数组的值

$('input[name="part_arr"]').each(function(){
    alert($(
this).val());
}
$('select[name="qty_part"]').each(function(){
    alert($(this).val());
}
$('#qty_part')
.each(function(){
    alert($(this).val());
}
posted on 2014-08-27 09:49 鱼有所思 阅读(335) 评论(0)  编辑 收藏 引用 网摘 所属分类: AJAX

只有注册用户登录后才能发表评论。
网站导航: