jquery操作常用HTML控件

时间:2021-05-16 16:28:40

设置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');
            }
        });
    });