Question

任何人都可以帮我解决我的问题，我想建立一个多聊天室

我的index.html JS代码

var room        = [];
$('#controls :checked').each(function() {
    room.push($(this).val());
});

我的index.html HTMl代码

  <div id="controls" style="height:400px; display: inline-block; width:20%;  background-color:lightyellow;">
        <input id="room1_check" type="checkbox" value="public"/><label for="room1_check">public</label><br/><br/>
        <input id="room2_check" type="checkbox" value="room_2" checked /><label for="room2_check">Room 2</label><br/><br/>
        <input id="room3_check" type="checkbox" value="room_3" /><label for="room3_check">Room 3</label><br/><br/>
        <input id="room4_check" type="checkbox" value="room_4" /><label for="room4_check">Room 4</label><br/><br/>
        <input id="room5_check" type="checkbox" value="room_5" /><label for="room5_check">Room 5</label><br/><br/>
    </div>

这是我的代码....当我检查房间时，我想移动房间聊天。

Answer 1

如果您在用户选择项目时尝试获取所有选中的输入，则可能需要添加一个侦听检查事件的事件处理程序。

所以我会做这样的事情

$(document).on('change', '.checkbox', function() {
    var room        = [];

    $('#controls :checked').each(function() {
     room.push($(this).val());
    });

   //see the result...
   alert(room);
});

注意：我在所有复选框中添加了一个班级.checkbox

Codeigniter NodeJS Socket IO实时聊天

1 个答案: