Question

我有2个href和一个按钮，如果我点击其中一个href，结果应该是同一个页面，其中选择的href以粗体显示另一个unbold。如果我点击按钮，我希望第一个href为粗体。我刚写了一个简单的href，它类似于我的问题。

<a href="#" class="newUserDaily" style="color:black">New User Daily</a> |
<a href="#" class="newUserMonthly" style="color:black">New User Monthly</a><br /><br />

<input id="btnSearchNow" value="Search" type="button" />

Answer 1

<div id="subsystemTabs">
  <div id="rightPad"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div id="leftPad"></div>
</div>

<div id="subsystemTabs2">
  <div id="rightPad"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div class="subsystemTab"></div>
  <div id="leftPad"></div>
</div>

<div id="subsystemTabs3">
  <div id="rightPad"></div>
  <div class="subsystemTab2"></div>
  <div class="subsystemTab2"></div>
  <div class="subsystemTab2"></div>
  <div class="subsystemTab2"></div>
  <div class="subsystemTab2"></div>
  <div class="subsystemTab2"></div>
  <div class="subsystemTab2"></div>
  <div id="leftPad"></div>
</div>

<强> Example Fiddle

Answer 2

首先，您应该突出显示anchor or a而不是href。由于您没有提供脚本，我已经为它提出了我自己的版本。这是：

$('a').on('click', function(e){
    $('a').removeAttr('style');
    $(this).css('font-weight','bold');
});

$('#btnSearchNow').on('click', function(e){
    $('a').removeAttr('style');
    $('a:first').css('font-weight','bold');
})

小提琴如下：

https://jsfiddle.net/aalok/dhs9exue/

Answer 3

我已经修改了一下你的代码。这是一个简单的答案。你在这里： -

function bold(id1,id2){
                if (document.getElementById) {
                document.getElementById(id1).style.fontWeight = 'bold';
                document.getElementById(id2).style.fontWeight = 'normal';
                }
            }

<a href="#" class="newUserDaily" style="color:black" onclick="bold('link1','link2')"><p id="link1">New User Daily</p></a> |
        <a href="#" class="newUserMonthly" style="color:black" onclick="bold('link2','link1')"><p id="link2">New User Monthly</p></a>
        <br/><br/>
        <input id="btnSearchNow" value="Search" type="button" onclick="bold('link1','link2')"/>

如果有帮助，请接受我的回答。

我有2 href，如果我点击一个href它应该以粗体显示所选的href，而另一个是unbold

3 个答案: