Javascript 通过onClick选择选项

您好，我是JavaScript新手，在单击按钮“单击我”后，如何获得

结果1

和

结果2

例如： 如果我点击按钮，然后从选项中选择两种水果。如果我选择苹果和香蕉，那么它应该提醒“你选择苹果和香蕉”

函数yourChoose（）{
警惕（“现在，让我们选择两种你喜欢的水果？”）；
//我选择2个水果的代码
变量1=。。。。。；
变量2=。。。。。；
警报（“您选择“+FROUT1+”和“+FROUT2”）
}
单击我

以下是jQuery的解决方案：

HTML:

<button id='btn' name="clickme">click me </button><br/>
<a href=""> Apple </a><br/>
<a href=""> Banana </a><br/>
<a href=""> Coconut </a><br/>
<a href=""> Durian </a><br/>
<a href=""> ElderBerry </a>

---

以下是jQuery的解决方案：

HTML:

<button id='btn' name="clickme">click me </button><br/>
<a href=""> Apple </a><br/>
<a href=""> Banana </a><br/>
<a href=""> Coconut </a><br/>
<a href=""> Durian </a><br/>
<a href=""> ElderBerry </a>

---

以下是jQuery的解决方案：

HTML:

<button id='btn' name="clickme">click me </button><br/>
<a href=""> Apple </a><br/>
<a href=""> Banana </a><br/>
<a href=""> Coconut </a><br/>
<a href=""> Durian </a><br/>
<a href=""> ElderBerry </a>

---

以下是jQuery的解决方案：

HTML:

<button id='btn' name="clickme">click me </button><br/>
<a href=""> Apple </a><br/>
<a href=""> Banana </a><br/>
<a href=""> Coconut </a><br/>
<a href=""> Durian </a><br/>
<a href=""> ElderBerry </a>

你可以使用这个>

。。。jquery正在使用中

你可以使用这个>

。。。jquery正在使用中

你可以使用这个>

。。。jquery正在使用中

你可以使用这个>

---

。。。jquery正在使用中

添加以下javascript：

var fruit1="";      //set the global variables
var fruit2="";

function selectFruit(name){
    fruit2=fruit1;  //this will set the global variables
    fruit1=name;    //at only 1 point of time 2 fruits are selected!
}

功能selectFruit将确保仅存储最近两次单击的水果

接下来，将链接更改为以下内容：

<a href="javascript:void(0)" onclick="selectFruit('Apple')"> Apple </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Banana')"> Banana </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Coconut')"> Coconut </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Durian')"> Durian </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('ElderBerry')"> ElderBerry </a><br/>

添加以下javascript：

var fruit1="";      //set the global variables
var fruit2="";

function selectFruit(name){
    fruit2=fruit1;  //this will set the global variables
    fruit1=name;    //at only 1 point of time 2 fruits are selected!
}

功能selectFruit将确保仅存储最近两次单击的水果

接下来，将链接更改为以下内容：

<a href="javascript:void(0)" onclick="selectFruit('Apple')"> Apple </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Banana')"> Banana </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Coconut')"> Coconut </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Durian')"> Durian </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('ElderBerry')"> ElderBerry </a><br/>

添加以下javascript：

var fruit1="";      //set the global variables
var fruit2="";

function selectFruit(name){
    fruit2=fruit1;  //this will set the global variables
    fruit1=name;    //at only 1 point of time 2 fruits are selected!
}

功能selectFruit将确保仅存储最近两次单击的水果

接下来，将链接更改为以下内容：

<a href="javascript:void(0)" onclick="selectFruit('Apple')"> Apple </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Banana')"> Banana </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Coconut')"> Coconut </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Durian')"> Durian </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('ElderBerry')"> ElderBerry </a><br/>

添加以下javascript：

var fruit1="";      //set the global variables
var fruit2="";

function selectFruit(name){
    fruit2=fruit1;  //this will set the global variables
    fruit1=name;    //at only 1 point of time 2 fruits are selected!
}

功能selectFruit将确保仅存储最近两次单击的水果

接下来，将链接更改为以下内容：

<a href="javascript:void(0)" onclick="selectFruit('Apple')"> Apple </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Banana')"> Banana </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Coconut')"> Coconut </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('Durian')"> Durian </a><br/>
<a href="javascript:void(0)" onclick="selectFruit('ElderBerry')"> ElderBerry </a><br/>

下面是一个没有jquery但使用OOP的示例：）

函数Fruiter（）{//用于管理水果的类
this.addFruit=函数（fr）{//添加水果
如果（本文件为fr1）{
这是fr2=fr；
警报（“您选择“+this.fr1+”和“+this.fr2”）；//选择所有水果时显示消息
}else{this.fr1=fr；}
}
this.chooseFruit=函数（fr）{//选择果实/重置
this.fr1=null；
警惕（“现在，让我们选择两种你喜欢的水果？”）；
}
}
var f=新果园（）；
单击我

下面是一个没有jquery但使用OOP的示例：）

函数Fruiter（）{//用于管理水果的类
this.addFruit=函数（fr）{//添加水果
如果（本文件为fr1）{
这是fr2=fr；
警报（“您选择“+this.fr1+”和“+this.fr2”）；//选择所有水果时显示消息
}else{this.fr1=fr；}
}
this.chooseFruit=函数（fr）{//选择果实/重置
this.fr1=null；
警惕（“现在，让我们选择两种你喜欢的水果？”）；
}
}
var f=新果园（）；
单击我

下面是一个没有jquery但使用OOP的示例：）

函数Fruiter（）{//用于管理水果的类
this.addFruit=函数（fr）{//添加水果
如果（本文件为fr1）{
这是fr2=fr；
警报（“您选择“+this.fr1+”和“+this.fr2”）；//选择所有水果时显示消息
}else{this.fr1=fr；}
}
this.chooseFruit=函数（fr）{//选择果实/重置
this.fr1=null；
警惕（“现在，让我们选择两种你喜欢的水果？”）；
}
}
var f=新果园（）；
单击我

下面是一个没有jquery但使用OOP的示例：）

函数Fruiter（）{//用于管理水果的类
this.addFruit=函数（fr）{//添加水果
如果（本文件为fr1）{
这是fr2=fr；
警报（“您选择“+this.fr1+”和“+this.fr2”）；//选择所有水果时显示消息
}else{this.fr1=fr；}
}
this.chooseFruit=函数（fr）{//选择果实/重置
this.fr1=null；
警惕（“现在，让我们选择两种你喜欢的水果？”）；
}
}
var f=新果园（）；
单击我

这是在fiddle中工作，但当我从fiddle复制时，它不工作，你说jquery在使用是什么意思？你必须将jquery包含到你的项目代码中。jquery.com/jquery-1.11.0.min.js“>sry im新手，你指的是什么控制台？浏览器控制台。在大多数浏览器中按F12打开开发控制台EIM sry。我已经在上面的问题中编辑了我的代码，你介意更正丢失的代码吗？thanksit是在fiddle中工作的，但是当我从fiddle复制它不工作时，你说使用jquery是什么意思？你必须将jquery包含到你的项目代码中。jquery.com/jquery-1.11.0.min.js“>sry im新手，你指的是什么控制台？浏览器控制台。在大多数浏览器中按F12打开开发控制台EIM sry。我已经在上面的问题中编辑了我的代码，你介意更正丢失的代码吗？thanksit是在fiddle中工作的，但是当我从fiddle复制它不工作时，你说使用jquery是什么意思？你必须将jquery包含到你的项目代码中。jquery.com/jquery-1.11.0.min.js“>sry im新手，你指的是什么控制台？浏览器控制台。在大多数浏览器中按F12打开开发控制台EIM sry。我已经在上面的问题中编辑了我的代码，你介意更正丢失的代码吗？thanksit是在fiddle中工作的，但是当我从fiddle复制它不工作时，你说使用jquery是什么意思？你必须将jquery包含到你的项目代码中。jquery.com/jquery-1.11.0.min.js“>sry im新手，你指的是什么控制台？浏览器控制台。在大多数浏览器中按F12打开开发控制台EIM sry。我已经在上面的问题中编辑了我的代码，你介意更正丢失的代码吗？谢谢