[英]Changing the style or value for .val() in jQuery?
Here is my jQuery code:这是我的 jQuery 代码:
if(data.status == 'Waved')
{
$("#wave"+data.id).val("Unwave");
}
else if(data.status == 'Unwaved')
{
$("#wave"+data.id).val("Wave");
}
Here is my HTML code:这是我的 HTML 代码:
<input type="button" style="width:50px" id="wave_id" value="Wave" data-action="button">
Here is my PHP code:这是我的 PHP 代码:
if(result == 'Waved')
{
$("#wave"+link_id).val("Unwave");
}
else
{
$("#wave"+link_id).val('Waved');
}
Here is my question, how do I change the "width" in style here: style="width:50px" to be something like width:60px when it shows "Unwave"?这是我的问题,如何在此处将样式中的“宽度”更改为:style="width:50px" 显示为“Unwave”时类似于 width:60px?
Currently the width of the button is 50px for both "Wave" and "Unwave".目前,“Wave”和“Unwave”按钮的宽度都是 50px。 How can I make it so that the width stays 50px for "Wave" and changes to 60px when it changes to "Unwave"?
我怎样才能让“Wave”的宽度保持 50px 并在它变成“Unwave”时变成 60px?
Just add .css('width','60px')
只需添加
.css('width','60px')
if (data.status == 'Waved') { $("#wave" + data.id).val("Unwave").css('width', '50px'); } else if (data.status == 'Unwaved') { $("#wave" + data.id).val("Wave").css('width', '60px'); }
<input type="button" style="width:50px" id="wave_id" value="Wave" data-action="button">
Simple:简单的:
$("#wave"+link_id).css("width", "60px");
so it can be like this:所以它可以是这样的:
if(result == 'Waved')
{
$("#wave"+link_id).val("Unwave");
$("#wave"+link_id).css("width", "60px");
}
else
{
$("#wave"+link_id).val('Waved');
$("#wave"+link_id).css("width", "50px");
}
or simply like this:或者简单地像这样:
if(result == 'Waved')
{
$("#wave"+link_id).val("Unwave").css("width", "60px");
}
else
{
$("#wave"+link_id).val('Waved').css("width", "50px");
}
if(data.status == 'Waved')
{
$("#wave"+data.id).val("Unwave").css("width", "60px");
}
else if(data.status == 'Unwaved')
{
$("#wave"+data.id).val("Wave").css("width", "50px");
}
当值为“Unwave”时更改宽度
$("#wave"+link_id).val("Unwave").css('width','60px');
if (data.status == 'Waved')
{
$("#wave"+link_id).val("Unwave").css("width", "50px");
}
else
{
$("#wave"+link_id).val('Waved').css("width", "60px");
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.