码迷,mamicode.com
首页 > Web开发 > 详细

jquery操作常用HTML控件

时间:2015-03-04 16:47:26      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

设置checkbox选中:

$("[id=‘checkbox_id3‘]").attr("checked", true);

设置class下所有input不可用:

jQuery(‘.audit-form input‘).attr(‘disabled‘, ‘disabled‘);

获取checkbox的值:

var t4 = $("#checkbox_id4").attr("value");

jquery添加html元素:

<table>
</table>
    <a href="#" id="btn-expertGroup">添加专家小组</a>
    <script type="text/javascript">
        jQuery(function(){
            jQuery("#btn-expertGroup").click(function(){
                var ipt = jQuery("<tr>"
                    +"<td>-</td>"
                    +"<td><input type=‘text‘ name=‘expertName‘</td>"
                    +"<td><input type=‘text‘ style=‘width:180px‘ name=‘expertJob‘</td>"
                    +"<td colspan=‘2‘><input type=‘text‘ name=‘expertPhone‘</td>"
                    +"<td><input type=‘text‘ name=‘expertRemark‘</td>"
                    +"</tr>");
                ipt.appendTo(jQuery(this).prev());
                
                return false;
            });
        });
    </script>

聚焦和失焦操作:

<input onfocus="$(‘#councilMember‘).toggle()"  onblur="$(‘#councilMember‘).toggle()" 
type=‘text‘ name=‘councilMember‘ value=‘$!{baseVillageInfo.councilMember}‘ /> <div id="councilMember">填数字</div>

设置下拉列表的值:

$(‘#annual‘).val($!{baseVillageInfo.annual});

设置单选按钮选中:

$(‘input[name = "startMark"]:eq(1)‘).attr("checked", true);

ajax传递form表单中所有元素含有name的值:

    jQuery(‘#a_submit‘).click(function() {
        
        //传递name
        $.ajax({
            url : ‘village/save‘,
            type : "post",
            data : $(‘#villageInfo‘).serialize(),
            error : function(request) {
                alert("error");
            },
            success : function(data) {
                $(‘#${di.id}‘).bupdlg(‘close‘);
                alert(‘提交成功‘);
                jQuery(‘#village‘).bupgrid(‘reload‘);
            }
        });
    });

 

jquery操作常用HTML控件

标签:

原文地址:http://www.cnblogs.com/Teofil/p/4313403.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!