jquery操作常用HTML控件

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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。