我有一些单选按钮,因此存在一些Null值,因此我想通过动态识别来删除它
<input type="radio" name="Result_radio" id="Result_0" >Group</input>
<input type="radio" name="Result_radio" id="Result_1" >individual</input>
<input type="radio" name="Result_radio" id="Result_2" >Null Value</input>
答案 0 :(得分:2)
输入类型radio
没有结束标记。
使用label
作为值
<input type="radio" name="Result_radio" id="Result_0" > <label>Group</label>
<input type="radio" name="Result_radio" id="Result_1" ><label>individual</label>
<input type="radio" name="Result_radio" id="Result_2" ><label>Null Value</label>
jQuery:
$('input:radio').each(function() {
if($(this).next('label').text() == 'Null Value'){
$(this).next('label').remove();
$(this).remove();
}
});
<强> Fiddle 强>
答案 1 :(得分:0)
请注意您的HTML无效,并且浏览器会将其解释为:
<input type="radio" name="Result_radio" id="Result_0">Group
<input type="radio" name="Result_radio" id="Result_1">individual
<input type="radio" name="Result_radio" id="Result_2">Null Value
因此,我们必须在每次输入后检查下一个文本节点:
// For each radio button
$('input:radio').each(function() {
// If trimmed text after the current radio button is 'Null Value',
if($.trim(this.nextSibling.nodeValue) == 'Null Value') {
// Remove the text node
$(this.nextSibling).remove();
// Remove current radio button
$(this).remove();
}
});