jquery $(this).attr $(this).val方法

本文主要介绍了jQuery中关于属性操作的方法,包括如何使用$(this).attr()来获取和设置节点属性值,以及如何利用$(this).val()来获取和设置表单元素的value值。这些方法为网页开发提供了便捷的操作方式。
$(this).attr(key); 获取节点属性名的值,相当于getAttribute(key)方法
$(this).attr(key, value); 设置节点属性的值,相当于setAttribute(key,value)方法

$(this).val();获取某个元素节点的value值,相当于$(this).attr(“value”);
$(this).val(value);设置某个元素节点的value值,相当于$(this).attr(“value”,value);
<div class="pageContent"> <form id="edit_tool" method="post" action="__URL__/update_tool" class="pageForm required-validate" onsubmit="return validateCallback(this, dialogAjaxDone)"> <input name="id" type="hidden" value="{$vo.id}"/> <input name="navTabId" id="navTabId" type="hidden" value="{$navTabId}"/> <input name="callbackType" id="callbackType" type="hidden" value="closeCurrent"/> <div class="pageFormContent" layoutH="56"> <p> <label>{$Think.lang.tooling_name}:</label> <input type="text" value="{$Think.lang.$vo[tool_name]}" style="width:177px" readonly /> </p> <p> <label>Photo检查人:</label> <SELECT name="photo_checker" id="photo_checker" style="width:183px"> <option value=""></option> <option <eq name="vo.photo_checker" value='/'>selected</eq> value="/">/</option> <foreach name="list2" item="sub" > <option <eq name="vo.photo_checker" value="$sub.nickname" >selected</eq> value="{$sub.nickname}">{$sub.nickname}</option> </foreach> </SELECT> </p> <p> <label>Photo检查人分配时间:</label> <input type="text" name="photo_check_assign_day" id="photo_check_assign_day" class="text" readonly="true" style="width:177px" value="{$vo.photo_check_assign_day}"/> </p> <p> <label>Photo检查完成时间:</label> <input type="text" name="photo_check_time" id="photo_check_time" class="date" dateFmt="yyyy-MM-dd HH:mm:ss" style="width:160px" value="{$vo.photo_check_time}"/> <a class="inputDateButton" href="javascript:;"></a> </p> <p> <label>{$Think.lang.current_rev}:</label> <input type="text" name="tool_rev" class="required" id="tool_rev" value="{$vo.tool_rev}" style="width:177px" readonly="true" /> </p> <p> <label>{$Think.lang.tool_rev}:</label> <input type="text" name="old_rev" id="old_rev" value="{$vo.old_rev}" style="width:177px" readonly="true" onchange="c_old_rev()" /> </p> </div> <div class="formBar"> <ul> <li><div class="buttonActive"><div class="buttonContent"><button type="submit">{$Think.lang.save}</button></div></div></li> <li><div class="button"><div class="buttonContent"><button type="button" class="close">{$Think.lang.cancel}</button></div></div></li> </ul> </div> </form> </div> <script language="JavaScript"> <!-- function c_old_rev() { if ($("#old_rev").val()) { $("#done_by").val("/"); $("#checker").val("/"); $("#done_time").removeClass("date"); $("#check_time").removeClass("date"); $("#done_time").val("/"); $("#check_time").val("/"); } else { if ($("#done_time").val()=='/') $("#done_time").val(""); if ($("#check_time").val()=='/') $("#check_time").val(""); $("#done_time").addClass("date"); $("#check_time").addClass("date"); $this = $("#done_time"); var opts = {}; if ($this.attr("dateFmt")) opts.pattern = $this.attr("dateFmt"); if ($this.attr("minDate")) opts.minDate = $this.attr("minDate"); if ($this.attr("maxDate")) opts.maxDate = $this.attr("maxDate"); if ($this.attr("mmStep")) opts.mmStep = $this.attr("mmStep"); if ($this.attr("ssStep")) opts.ssStep = $this.attr("ssStep"); $this.datepicker(opts); $this = $("#check_time"); var opts = {}; if ($this.attr("dateFmt")) opts.pattern = $this.attr("dateFmt"); if ($this.attr("minDate")) opts.minDate = $this.attr("minDate"); if ($this.attr("maxDate")) opts.maxDate = $this.attr("maxDate"); if ($this.attr("mmStep")) opts.mmStep = $this.attr("mmStep"); if ($this.attr("ssStep")) opts.ssStep = $this.attr("ssStep"); $this.datepicker(opts); } } $('#edit_tool').submit(function(e) { e.preventDefault(); $.ajax({ url: '__URL__/edit_tool', // 替换为实际的 edit_tool 方法的 URL method: 'POST', data: $(this).serialize(), success: function(response) { // 重新加载 show 页面的数据 // location.reload(); // 刷新整个页面 // 或者可以通过 AJAX 重新获取数据并更新页面部分内容 $.ajax({ url: '__URL__/show', // 替换为实际的 show 方法的 URL method: 'GET', data: {part_number: 'your_part_number'}, // 替换为实际的 part_number success: function(data) { $('#showContent').html(data); // 更新页面指定区域的内容 } }); }, error: function(error) { console.log(error); } }); }); //c_old_rev(); //--> </script> 若要更新HTML里所有的更改后的数据,应该怎么更改
最新发布
11-18
//切换售后类型 $(document).on('change', '.afterSaleType', function () { var $this = $(this); var selectedValue = $this.val(); // 获取当前选中的售后类型 var $calculateTypeSelect = $this.closest('tr').find('.afterSaleCalculateType'); var $intervalSelect = $this.closest('tr').find('.afterSaleInterval'); var $timesSelect = $this.closest('tr').find('.times'); if (selectedValue == '0') { // 质保 $calculateTypeSelect.removeAttr('disabled'); $intervalSelect.attr('disabled', 'disabled'); $timesSelect.attr('disabled', 'disabled'); } else if (selectedValue == '1'){ $calculateTypeSelect.attr('disabled', 'disabled'); $intervalSelect.removeAttr('disabled'); $timesSelect.removeAttr('disabled'); $intervalSelect.attr('disabled', 'disabled'); $timesSelect.attr('disabled', 'disabled'); }else { $calculateTypeSelect.removeAttr('disabled'); $intervalSelect.removeAttr('disabled'); $timesSelect.removeAttr('disabled'); $calculateTypeSelect.attr('disabled', 'disabled'); } onLoadSuccessAfterSales($this); }); //合并列 function onLoadSuccessAfterSales(e){ var merges = new Array(); var data = $("#table-afterSales").datagrid("getRows"); console.log(data); if (data == null || data == [] || data == undefined){ return; } for (let i = 0; i < data.length; i++) { var datum = data[i]; var after_sale_type = datum["after_sale_type"]; if ((after_sale_type == null || after_sale_type == undefined || after_sale_type == "") && after_sale_type != '0'){ var selectedValue = e.val(); // 获取当前选中的售后类型 after_sale_type = selectedValue; } if (after_sale_type == '1'){//开机调试 merges[i] = { index:i, field:'after_sale_type', colspan:4 } }else if (after_sale_type == '0'){//质保 merges[i] = { index:i, field:'after_sale_interval', colspan:2 } }else if (after_sale_type == '2' || after_sale_type == '3'){//巡检/保养 merges[i] = { index:i, field:'after_sale_type', colspan:2 } } } for(var i=0; i<merges.length; i++){ $("#table-afterSales").datagrid('mergeCells',{ index: merges[i].index, field: merges[i].field, colspan: merges[i].colspan }); } }请找出这段代码的问题并修改
11-01
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值