Javascript 当选择单选按钮时，如何销毁id中的数据？

当选择单选按钮时，如何销毁id中的数据

徖

首先加载页面index.php

按

Check1

按钮，您将看到文本

产品数据OK

选中单选按钮

第二个单选按钮

选中单选按钮

第一个单选按钮

您将看到文本

产品数据OK

这是我在步骤

2中的问题。选中单选按钮第二个单选按钮

选中单选按钮

第二个单选按钮后，我想销毁文本
产品数据OK
存储在

我该怎么做

index.php

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>

<script>
    $(document).ready(function(){
        $(".radio_id").click(function(){
            if($(this).attr("value")=="first"){
                $("#second_checkbox").hide();                
                $("#first_checkbox_display").show();
            }
            if($(this).attr("value")=="second"){
                $("#first_checkbox_display").hide();                
                $("#second_checkbox").show();    
            }
        });
    });
</script>


<form id="first_checkbox_display" name="form1" method="post" action="" ENCTYPE = "multipart/form-data" onsubmit="return checkform(this);" style=" margin: 0px; " >
<input type="text" name="products_id" value="1294759">
<input type="text" name="products_color" value="red">
<input type="text" name="products_type" value="electronic">
<input type="button" value="Check1" onclick="doajax_products_check()"/>
<p id="myplace_data1"></p>
</form>



<form id="second_checkbox" name="form2" method="post" action="" ENCTYPE = "multipart/form-data" onsubmit="return checkform(this);" style=" display: none; margin: 0px; " >
<input type="text" name="products_id" value="0000000">
<input type="text" name="products_color" value="iiiiiii">
<input type="text" name="products_type" value="aaaaaaa">
<input type="button" value="Check2" onclick="doajax_products_check2()"/>
<p id="myplace_data2"></p>
</form>
<br>
<br>
<label><input type="radio" class="radio_id" name="colorRadio" value="first" checked >FIRST RADIO</label>
<br>
<label><input type="radio" class="radio_id" name="colorRadio" value="second">SECOND RADIO</label>




<script language="javascript">
function createAjax() 
{
    var request = false;
        try {
                request = new ActiveXObject('Msxml2.XMLHTTP');
            }
        catch (err2) 
            {
                try 
                    {
                        request = new ActiveXObject('Microsoft.XMLHTTP');
                    }
                catch (err3) 
                    {
                try 
                           {
                    request = new XMLHttpRequest();
                   }
                catch (err1) 
                   {
                    request = false;
                   }
                    }
            }
    return request;
}
</script>



<script language="javascript">
function doajax_products_check(mydata){
 var ajax1=createAjax(); 
 ajax1.onreadystatechange=function(){
  if(ajax1.readyState==4 && ajax1.status==200){
   document.getElementById('myplace_data1').innerHTML=ajax1.responseText;
  }else{
   return false;
  }
 }
 ajax1.open("POST","data.php",true);
 ajax1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
 ajax1.send("products_color="+document.form1.products_color.value+"&products_type="+document.form1.products_type.value+"&products_id="+document.form1.products_id.value);
}
</script>









<script language="javascript">
function doajax_products_check2(mydata){
 var ajax1=createAjax(); 
 ajax1.onreadystatechange=function(){
  if(ajax1.readyState==4 && ajax1.status==200){
   document.getElementById('myplace_data2').innerHTML=ajax1.responseText;
  }else{
   return false;
  }
 }
 ajax1.open("POST","data.php",true);
 ajax1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
 ajax1.send("products_color="+document.form2.products_color.value+"&products_type="+document.form2.products_type.value+"&products_id="+document.form2.products_id.value);
}
</script>


$（文档）.ready（函数（）{
$（“.radio_id”）。单击（函数（）{
if（$（this.attr（“value”）=“first”）{
$（“#第二个#复选框”）.hide（）；
$（“第一个复选框显示”）.show（）；
}
if（$（this.attr（“value”）=“second”）{
$（“#第一个#复选框#显示”）.hide（）；
$（“#第二个#复选框”）.show（）；
}
});
});






第一台收音机


第二台收音机
函数createAjax（）
{
var请求=false；
试一试{
请求=新的ActiveXObject（'Msxml2.XMLHTTP'）；
}
捕获（错误2）
{
尝试
{
请求=新的ActiveXObject（'Microsoft.XMLHTTP'）；
}
捕获（错误3）
{
尝试
{
请求=新的XMLHttpRequest（）；
}
捕获（错误1）
{
请求=假；
}
}
}
返回请求；
}
函数doajax_产品检查（mydata）{
var ajax1=createAjax（）；
ajax1.onreadystatechange=函数（）{
if（ajax1.readyState==4&&ajax1.status==200）{
document.getElementById（'myplace_data1'）。innerHTML=ajax1.responseText；
}否则{
返回false；
}
}
open（“POST”，“data.php”，true）；
ajax1.setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
ajax1.send（“products_color=“+document.form1.products_color.value+”&products_type=“+document.form1.products_type.value+”&products_id=“+document.form1.products_id.value”）；
}
函数doajax_products_check2（mydata）{
var ajax1=createAjax（）；
ajax1.onreadystatechange=函数（）{
if（ajax1.readyState==4&&ajax1.status==200）{
document.getElementById（'myplace_data2'）。innerHTML=ajax1.responseText；
}否则{
返回false；
}
}
open（“POST”，“data.php”，true）；
ajax1.setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
ajax1.send（“products_color=“+document.form2.products_color.value+”&products_type=“+document.form2.products_type.value+”&products_id=“+document.form2.products_id.value”）；
}

data.php

<?PHP
if(isset($_POST['products_color']))
    {
        if ( $_POST['products_id'] != '' )
            { 
                if ( $_POST['products_type'] != '' )
                    {  
?>
                        <span class="taken_domain" style=" display: block; margin: 0 auto; " >PRODUCTS DATA OK</span> 
<?PHP
                    }
                 else
                    {
?>
                        <span class="taken_domain" style=" display: block; margin: 0 auto; " >NO PRODUCTS type</span> 
<?PHP
                    }
            }
        else
            { 
?>             
                <span class="taken_domain" style=" display: block; margin: 0 auto; " >NO PRODUCTS ID</span>             
<?PHP                
            }
    }
else
    {
?>
        <span class="taken_domain" style=" display: block; margin: 0 auto; " >NO PRODUCTS COLOR</span>    
<?PHP    
    }    
?>


产品数据正常
无产品类型
无产品ID
没有产品颜色
测试选中状态并将HTML设置为空白-

if( $('input[value="second"]').is(':checked') ){
    $('#myplace_data1').html('');
    var products_id = ?; // you'll have to get the product id here
    // make AJAX call here...
    $.post( "delete_product.php", { products_id: products_id, user: user_id } );
}

您所要做的就是创建一个连接到数据库并运行查询的PHP文件

没关系，很好^^我有一个问题。你能告诉我吗？当然，有什么问题吗？选中单选按钮后，我想像这样删除mysql
$sql=“delete FROM procust\u store，其中products\u id='$\u POST[products\u id]'和user='$id'$objQuery=mysql\u query（$sql）我该怎么做？请参见上面的编辑：对PHP脚本进行AJAX调用，该脚本将运行查询以执行删除。