Jquery 在满足两个条件值后插入内容

我真的不知道该怎么做。我已经阅读了大约10个小时关于javascript、html、css、if语句、条件语句等的内容（初学者尝试学习所有内容>\up>您想要了解的要点如下：

var pic1 = false
  , pic2 = false;

$( '.pic1' ).bind( 'click', function(){
    pic1 = true;
    check();
} );

$( '.pic2' ).bind( 'click', function(){
    pic2 = true;
    check();
} );

function check(){
    if( pic1 && pic2 ){ // do something here }
}

---

你想要的要点是：

var pic1 = false
  , pic2 = false;

$( '.pic1' ).bind( 'click', function(){
    pic1 = true;
    check();
} );

$( '.pic2' ).bind( 'click', function(){
    pic2 = true;
    check();
} );

function check(){
    if( pic1 && pic2 ){ // do something here }
}

---

像这样的怎么样：

var selected[0] = false;
var selected[1] = false;
function imageClicked(tag) {
    selected[tag] = !selected[tag];
    self.selectedTagValueChanged();
};

function selectedTagValueChanged() {
    if (selected[0] && selected[1] {
        //Inserrt your DOM manipulation stuff here
    }
}

---

每次调用imageClicked函数时，此代码将更改标记的值，使其与单击前的值相反（类似于切换）。

类似的情况如何：

var selected[0] = false;
var selected[1] = false;
function imageClicked(tag) {
    selected[tag] = !selected[tag];
    self.selectedTagValueChanged();
};

function selectedTagValueChanged() {
    if (selected[0] && selected[1] {
        //Inserrt your DOM manipulation stuff here
    }
}

---

每次调用imageClicked函数时，此代码都会将标记的值更改为单击前的相反值（如切换）.

将任意数据添加到任意HTML元素的一种方法是使用data属性。解决问题的一种方法是将用户单击时单击的

数据设置为1，然后检查组合条件。例如（使用jQuery）：


将任意数据添加到任意HTML元素的一种方法是使用data属性。解决问题的一种方法是，当用户单击时，将单击的
数据设置为1，然后检查组合条件。例如（使用jQuery）：


html

html

我不确定我是否完全理解您试图实现的目标…但是您应该能够使用Javascript使用onclick事件来实现。您可以调用一个名为“selectImage”的函数，然后更改变量的值（以了解单击了哪个图像），并更改所单击图像的css以添加可视边框。我建议您使用jQuery进行此操作，它比使用纯Javascript进行此操作省力且更可靠。我不确定我是否完全理解您试图实现的目标…但您应该能够使用onclick事件使用Javascript进行此操作。您可以调用函数n调用“selectImage”，然后更改变量的值（以了解单击了哪个图像），还可以更改所单击图像的css以添加可视边框。我建议您使用jQuery进行此操作，它比使用纯Javascript进行此操作省力且更可靠。jQuery的数据函数不设置data-*属性，因此您不必在html中包含这些属性markup@PatrickEvans但是它读了，所以会有一个初始化jQuery的数据函数不设置data-*属性，因此您不必在html中包含这些属性markup@PatrickEvans但是它读取它，所以会有一个初始值（即使在这个特殊情况下，它不是真正需要的）.我真的很享受你在这里所做的一切，它对我所做的工作非常有效。非常感谢你的帮助。Patrick。我将玩弄它，看看我是否能偶然发现任何其他问题。是否有可能通过另一个操作来清除点击的数据？例如，假设用户点击了一张图片。并且在完成上述序列之前，单击了第三张图片。此附加事件是否可以清除以前的数据？$（“#Picture1，#Picture2”）。数据（“单击”，0）；若要清除数据，只需设置第三张图片的单击事件以执行该行，它将同时清除这两行。我真的很享受您在这里所做的工作，并且它对我正在尝试的工作非常有效。非常感谢Patrick的帮助。我将玩弄它，看看我是否可以偶然发现任何其他问题。是否可以通过另一个操作清除单击中的数据？例如，假设用户单击了一张图片，然后在完成上述序列之前单击了第三张图片。此附加事件是否可以清除以前的数据？$（“#图片1，#图片2”）。数据（“单击”，0）；要清除数据，只需设置第三张图片的click事件以执行该行，它将同时清除这两行。
//Apply a click event to both pictures and have it callback to the checkClick function
$("#Picture1, #Picture2").click(checkClick);

function checkClick(e)
{
    //$(this) will refer to the currently clicked picture, 
    //jQuery's .data function allows storing data within the object
    $(this).data("clicked",1);

    //Grab the data values from both pictures
    var p1 = $("#Picture1").data("clicked");
    var p2 = $("#Picture2").data("clicked");

    //Check if both equal 1 (will once each has been clicked)
    if( p1 == 1 && p2 == 1 )
        ShowContent();
}

function ShowContent()
{
    //do your code to show content
}