HTML::向输入标记添加链接

HTML :: Add links to input tags

本文关键字：添加 链接 输入 HTML      更新时间：2024-06-25

我想包含一个指向data-on和data-off属性的链接，这样我就可以使用切换开关单击一次即可切换网站的习惯用法。我试过剧本，但到目前为止没有成功。

HTML:

<input id ="toggle" data-toggle="toggle" data-on="English" data-off="Spanish" type="checkbox">

JS:

function toggleEventInput() {
    $("#toggle").attr('data-on').html('<a href="/language/en"></a>');
    $("#toggle").attr('data-off').html('<a href="/language/es"></a>');
}

TIA

你试过这样做吗：

function toggleEventInput() {
    $("#toggle").attr('data-on', '<a href="/language/en"></a>');
    $("#toggle").attr('data-off', '<a href="/language/es"></a>');
}
toggleEventInput();
<input id="toggle" data-toggle="toggle" data-on="English" data-off="Spanish" type="checkbox">

假设您正试图更改属性值（数据打开和数据关闭），则需要执行以下操作：

$("#toggle").attr('data-on', '/language/en');
$("#toggle").attr('data-off', '/language/es');

然而，这不是你想要的结果。链接将位于数据打开/关闭属性中，但仅作为数据。即使您用<a></a>添加它，并且有人点击了它，也不会发生任何事情。

将链接添加到如上所述的数据，并在输入上添加一个点击事件（或类似的事情）：

$('#toggle').on('click', function(){
   location.href = $(this).attr('data-on');
});

但话说回来，我想这就是你想要的。GL.

您可以这样做：

function toggleEventInput() {
  $("#toggle").attr('data-on' ,  '<a href="/language/en"></a>'); 
  $("#toggle").attr('data-off' , '<a href="/language/es"></a>');
}
toggleEventInput();

但我看不出原因，这是一个属性：）

相关文章：