Php 如何在jquery中动态创建带有单选按钮的文本框_Php_Javascript_Html_Jquery Ui

Php 如何在jquery中动态创建带有单选按钮的文本框

php javascript html jquery-ui

Php 如何在jquery中动态创建带有单选按钮的文本框,php,javascript,html,jquery-ui,Php,Javascript,Html,Jquery Ui,当我单击按钮时，将使用textbox和单选按钮创建一个新行。但是，当单击一行中的单选按钮时，其他行中的其他单选按钮将被取消选择但我想保持单选按钮处于选中状态，即使我单击了其他单选按钮这是我的代码： <html> <head> <title>Add More Elements</title> <script src="../practice/jquery.min.js"></script> &

当我单击按钮时，将使用textbox和单选按钮创建一个新行。但是，当单击一行中的单选按钮时，其他行中的其他单选按钮将被取消选择

但我想保持单选按钮处于选中状态，即使我单击了其他单选按钮

这是我的代码：

<html>
<head>   
    <title>Add More Elements</title>
    <script src="../practice/jquery.min.js"></script>
    <script>
        $(document).ready (function () {
            $('.btnAdd').click (function () {       
                $('.buttons').append('<div><input type="text" name="txt">M<input type="radio" id="m" name="gender">F<input type="radio" id="f" name="gender"><input type="checkbox" name="txt"><br></div>'); // end append

            }); // end click                

        }); // end ready
    </script>
</head>
<body>
    <p>This Is Create Textboxs Dinamically </p>
    <div class="buttons">
         <table><tr><td>Name:</td><td>Gender:</td><td>Choice:</td><td><input type="button" class="btnAdd" value="Click Me To Create TextBox"><br></td></tr>
       <tr> <td><input type="text" name="txt"></td><td>M<input type="radio" id="m" name="gender">F<input type="radio" id="f" name="gender"></td><td><input type="checkbox" name="txt"></td><td></td> </tr>
        </table>     
    </div>
</body>
</html>


添加更多元素
$（文档）.ready（函数（）{
$（'.btnAdd'）。单击（函数（）{
$（'.buttons'）.append（'MF
'）；//结束append
})；//结束单击
}); // 准备就绪
这是创建文本框
姓名：性别：选择：

MF

如果在单击同一个单选按钮时无法取消选择单选按钮，则可以使用复选框。

如果单选按钮具有相同的名称，则它们将相互取消选择。尝试为每组单选按钮指定不同的名称

M<input type="radio" id="m" name="gender[0]">
F<input type="radio" id="f" name="gender[0]">

M<input type="radio" id="m" name="gender[1]">
F<input type="radio" id="f" name="gender[1]">

M
F
M
F

如果单选按钮具有相同的名称，它们将相互取消选择。尝试为每组单选按钮指定不同的名称

M<input type="radio" id="m" name="gender[0]">
F<input type="radio" id="f" name="gender[0]">

M<input type="radio" id="m" name="gender[1]">
F<input type="radio" id="f" name="gender[1]">

M
F
M
F

您的收音机都是同名的

您可以通过添加索引键将它们成对分组

 <input type='radio' name='grouping[1]' />
 <input type='radio' name='grouping[1]' />
 <input type='radio' name='grouping[2]' />
 <input type='radio' name='grouping[2]' />

您的收音机都是同名的

您可以通过添加索引键将它们成对分组

 <input type='radio' name='grouping[1]' />
 <input type='radio' name='grouping[1]' />
 <input type='radio' name='grouping[2]' />
 <input type='radio' name='grouping[2]' />

您为单选按钮指定了相同的名称，尽管它们的ID是唯一的，但它们具有相同的名称，因此使用不同的名称或使用复选框

您为单选按钮指定了相同的名称，尽管它们的ID是唯一的，但它们具有相同的名称，因此，要么使用不同的名称，要么使用复选框

添加单选按钮和具有相同名称和id的输入文本

id=“m”

。页面中的控件不能具有相同的ID。尝试为他们分配不同的ID-2

var count=0;
 $(document).ready (function () {
            $('.btnAdd').click (function () {  
count++;     
                $('.buttons').append('<div><input type="text" name="txt">M<input type="radio" id="m"+count+" name="gender">F<input type="radio" id="f" name="gender"><input type="checkbox" name="txt"><br></div>'); // end append

            }); // end click                

        }); // end ready

var计数=0；
$（文档）.ready（函数（）{
$（'.btnAdd'）。单击（函数（）{
计数++；
$（'.buttons'）.append（'M您添加的单选按钮和输入文本具有相同的名称和idid=“M”
。页面中的控件不能具有相同的id。请尝试为它们分配不同的-2 id
var count=0;
 $(document).ready (function () {
            $('.btnAdd').click (function () {  
count++;     
                $('.buttons').append('<div><input type="text" name="txt">M<input type="radio" id="m"+count+" name="gender">F<input type="radio" id="f" name="gender"><input type="checkbox" name="txt"><br></div>'); // end append

            }); // end click                

        }); // end ready

var计数=0；
$（文档）.ready（函数（）{
$（'.btnAdd'）。单击（函数（）{
计数++；
$（'.buttons'）.append（'M因为您的所有单选按钮都具有相同的名称属性，它们都属于同一组。您必须通过给每个组一个唯一的id使其具有唯一性，例如，通过一个运行编号来标识行本身
HTML:

这是创建文本框
姓名：性别：选择：

MF

JS:
$（文档）.ready（函数（）{
var rowCount=0；
$（'.btnAdd'）。单击（函数（）{
$（'.buttons'）.append（'MF
'）；//结束append
行计数++；
})；//结束单击
})//结束准备就绪

请参阅fiddle，因为您的所有单选按钮都具有相同的名称属性，它们都属于同一组。您必须为每个组指定唯一的id，使其具有唯一性，例如，通过运行编号识别行本身
HTML:

这是创建文本框
姓名：性别：选择：

MF

JS:
$（文档）.ready（函数（）{
var rowCount=0；
$（'.btnAdd'）。单击（函数（）{
$（'.buttons'）.append（'MF
'）；//结束append
行计数++；
})；//结束单击
})//结束准备就绪

请参见fiddle
仅选择一个单选选项，如果选择了second，则取消选择first仅选择一个单选选项，如果second是选中的，则取消选择first