gpt4 book ai didi

jquery - 如何使用jquery根据 radio 更改某些文本输入的标题?

转载 作者:行者123 更新时间:2023-12-01 08:29:13 24 4
gpt4 key购买 nike

正如您在 http://jsbin.com/erivi/ 上看到的那样我正在使用 Jquery 根据所选的单选按钮更改一些图像(和图像属性),我还会在单击表单文本时删除表单文本。

现在我想做的是根据选中的单选按钮更改表单的文本。

例如,当单击“选择 3”时,我们应该看到“输入 3 的文本”。

您可以在这里查看和编辑我的代码:http://jsbin.com/erivi/edit

我需要改进的部分是:

  imgFldr = 'http://download.kde.org/khotnewstuff/icons/previews/'; 
$("input[type='radio']").click(function() {
var strarr = this.title.split('|');
if(strarr.length < 2) return;
$('#'+this.name).attr('src', imgFldr+strarr[0]).attr('alt', strarr[1]).attr('title', starr[2]);
});

特别是 .attr('title', starr[2]); 应该根据我的广播标题的第三部分更改标题(例如:title='m602 -1.png| Logo 3|输入文本3' )

谢谢:)

编辑:我忘了提及我在真实代码中使用了多种表单,这就是为什么我正在寻找一种无需文本输入的特定名称即可执行此操作的方法,以避免对其他文本重复脚本输入。

最佳答案

编辑:输入文本框的 ID 必须是唯一的。此外,您还需要在单选按钮的单击内设置 .attr('title',strarr[2]).val(strarr[2]) 和提示类事件。此外,还需要对您的 inputdynvalue 插件进行一些更改。

请参阅 http://jsbin.com/akawo 处完整更新的工作代码

更新了插件代码

(function($) { 
$.fn.inputdynvalue = function (options) {
var opts = $.extend({}, $.fn.inputdynvalue.defaults, options);
return this.each(function(){
var hvalue = opts.htext;
switch (opts.htext) {
case 'title' : hvalue = $(this).attr('title'); break;
case 'value' : hvalue = $(this).attr('value'); break;
}
$(this).attr('value', hvalue).addClass(opts.hclass)
.unbind('focus blur')
.bind('focus', function() {
if (this.value === this.title) {
this.value = '';
$(this).removeClass(opts.hclass);
}
})
.bind('blur', function() {
if (this.value === '') {
this.value = this.title;
$(this).addClass(opts.hclass);
}
});
});
};
$.fn.inputdynvalue.defaults = {
htext: 'title',
hclass: 'hint'
};
})(jQuery);
$(document).ready(function(){
$("input[type='text']").inputdynvalue();
});

更新了单选按钮单击事件处理程序

$("input[type='radio']").click(function() { 
var strarr = this.title.split('|');
if(strarr.length < 2) return;
$('#'+this.name).attr('src', imgFldr+strarr[0]).attr('alt', strarr[1]);
$('#'+this.name+'_text')
.attr('title',strarr[2])
.val(strarr[2])
.addClass('hint');
});

关于jquery - 如何使用jquery根据 radio 更改某些文本输入的标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/874096/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com