从已使用单选按钮创建的列表中删除功能?

时间:2017-10-17 17:10:59

标签: javascript jquery html

这是我用来收集用户输入并放入输入框下面的表格的jQuery。我不是试图允许用户使用单选按钮和删除名称功能从列表中删除他们的名字。也就是说,当删除名称时,也应该更新计数器。有什么想法吗?

    var counter = 0;
    var wCounter = 0;

    $(document).ready(function(){
        $("#register").click(function(){
            counter++;

            if(counter === 7){
                var warning = "Sorry, but this RoyTalk is completely full!";
                alert(warning);
            }
            else if(counter > 3){
                wCounter++;
                var name = $("#name").val();
                $("#waitList").append('<input type="radio" />'+wCounter+'- '+name+'<br>');
            }
            else {
                var name = $("#name").val();
                $("#regList").append('<input type="radio" />'+counter+'- '+name+'<br>');
            }
        });
        $("#remove").click(function(){
            //need help here
        }
    });

这是我用来让用户输入他们的名字然后提交的html。

<p>Enter your name and click register to reserve your place at the latest RoyTalk!</p>
<input type="text" id="name" />
<span class="regBtn"><button type="btn" id="register">Register!</button></span><button type="btn" id="remove">Remove Name</button>
<br><br>
<table class="regTable">
    <tr>
        <th>Registered</th>
        <th>Waiting List</th>
    </tr>
    <tr>
        <td>
            <div id="regList"></div>
        </td>
        <td>
            <div id="waitList"></div>
        </td>   
    </tr>
</table>

5 个答案:

答案 0 :(得分:2)

Single =用于赋值,==用于比较。

if(counter == 3){
}

答案 1 :(得分:1)

错误是if (counter = 3)

=用于作业

使用if (counter == 3)

==用于比较

答案 2 :(得分:1)

检查你的条件

if (counter == 3) {
    // true condition 
} else {
   // false  condition 
}

答案 3 :(得分:1)

1)基本赋值运算符相等(=),它将右操作数的值赋给其左操作数。

2)比较运算符比较其操作数,并根据比较是否为真返回逻辑值。操作数可以是数字,字符串,逻辑或对象值。

Equal(==)如果操作数相等,则返回true。

您应该使用比较来解决问题。

if (counter = 3)应为if (counter == 3)

答案 4 :(得分:0)

其他人已经给出了正确的答案,但我认为我已经详细说明了任务与条件。

counter = 3 设置计数器变量等于3

计数器== 3 计数器与3的值进行比较

计数器=== 3 比较计数器与3 的值相同的值类型(在这种情况下3是一个数字) ,所以计数器也必须是一个数字。)

查看这个简单的JS比较指南 - https://www.w3schools.com/js/js_comparisons.asp