如何使多个具有不同功能的单选按钮？

试试这个代码在javascript部分，

var datacenter = '<label for="Datacenter"> Datacenter </label> <input type="text" name="datacenter" size="20" />';var node = '<label for="Node"> Node </label> <input type="text" name="node" size="20" />';var data = '<label for="Data"> Data </label> <input type="text" name="data" size="100"/>';var config = '<label for="Config"> Config </label> <input type="text" name="config" size="100"/>';$(".changeAction").on("click", function () {    var divId = $(this).attr("div-id");    $('.changeable').html('');    $("#dynamicName").val(divId);    switch (divId) {        case 'insert': //insert stuff goes here!! divId = "#" + divId; var myInput = datacenter + node + data; $(divId).html(myInput); break;        case 'update': //update stuff goes here!! divId = "#" + divId; var myInput = datacenter + node + data; $(divId).html(myInput); break;        case 'Delete': //Delete stuff goes here!! divId = "#" + divId; var myInput = node; $(divId).html(myInput); break;        case 'process': //process stuff goes here!! divId = "#" + divId; var myInput = datacenter + node + config + data; $(divId).html(myInput); break;    }});

查看现场 演示