Javascript 单击“播放选定内容”时如何选择所有歌曲?
当我单击playselected按钮而不选择任何歌曲时,如何选择所有歌曲Javascript 单击“播放选定内容”时如何选择所有歌曲?,javascript,html,Javascript,Html,当我单击playselected按钮而不选择任何歌曲时,如何选择所有歌曲 我解释得很清楚。。。当用户选择一首歌曲,如果点击playselect按钮,表单将发布一首歌曲。这是完美的工作。但当用户单击playselected按钮时没有选择任何歌曲时,在这种情况下,我希望选择所有歌曲在playselected按钮中添加一个id,类似的操作应该会起作用 纯javascript方法 您想让“播放选定歌曲”按钮为您选择所有歌曲吗?只有在未选择歌曲时才选择“是”让我知道它是如何工作的正在清楚地解释。。。当
我解释得很清楚。。。当用户选择一首歌曲,如果点击playselect按钮,表单将发布一首歌曲。这是完美的工作。但当用户单击playselected按钮时没有选择任何歌曲时,在这种情况下,我希望选择所有歌曲在playselected按钮中添加一个id,类似的操作应该会起作用 纯javascript方法
您想让“播放选定歌曲”按钮为您选择所有歌曲吗?只有在未选择歌曲时才选择“是”让我知道它是如何工作的正在清楚地解释。。。当用户选择一首歌曲,如果点击playselect按钮,表单将发布一首歌曲。这是完美的工作。但当用户单击playselected按钮时并没有选择任何歌曲,在这种情况下,我希望所有歌曲都被选中。是否使用演示版本和代码中的调整进行更新?我不知道你问的是什么,你问的是在哪里添加jquery代码?请参阅以了解更多详细信息和示例Sim抱歉,我假设你想要jquery中的答案,你愿意用javascript吗?@musicking-事实上jquery是javascript,但它是一种更灵活、更简单的方法感谢你的帮助。。。。。。。。。。。歌曲[]后的括号是一个向量,它将包含选择播放的每首歌曲的地址。
</style>
<script language=JavaScript>
function checkall()
{
void(d=document);
void(el=d.getElementsByName('song[]'));
for(i=0;i<el.length;i++)
void(el[i].checked=1)
}
function uncheckall()
{
void(d2=document);
void(e2=d2.getElementsByName('song[]'));
for(i=0;i<el.length;i++)
void(el[i].checked=0)
}
</script>
<form method="post" action="/player.php" target="player">
<table width="747" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" rowspan="6" valign="top">
</td>
<td height="120" colspan="3" align="center" valign="top"></td>
<td width="176" rowspan="6" valign="top"></td>
</tr>
<tr>
<!-- movie name -->
<td width="179" height="150" align="center" valign="top"><h3><font color="#008080">moviename</font></h3>
<!-- movie Description start (add description in between these tags)-->
<pre>
</pre> <!-- movie Description end-->
</td>
<td colspan="2" valign="top"><img src="/images/moviename.jpg"></td>
</tr>
<tr>
<td width="179" height="44" align="center"><input type=submit value="Play Selected" /></td>
<td width="86"><input type=button onClick="checkall()" value="Select All" name="button"></td>
<td width="156"><input type=button onClick="uncheckall()" value="Invert Selection" name="button"></td>
</tr>
<tr>
<td colspan="3" valign="top"><table height="342" cellspacing="0" cellpadding="0" border="0" width="423" class="VERDANAFONT">
<tbody>
<tr>
<td width="423" height="38" align="left" valign="middle"><p> <font color="#339966">
<input type="checkbox" name="song[]" value="0_1 ,/telugusongs/moviename/0_1.mp3" />
<!-- song names -->
0_1 <br />
</font></p></td>
</tr>
<tr>
<td width="423" height="38" align="left" valign="middle"><p> <font color="#339966">
<input type="checkbox" name="song[]" value="0_2 ,/telugusongs/moviename/0_2.mp3" />
<!-- song names -->
0_2 <br />
</font></p></td>
</tr>
<tr>
<td width="423" height="38" align="left" valign="middle"><p> <font color="#339966">
<input type="checkbox" name="song[]" value="0_3 ,/telugusongs/moviename/0_3.mp3" />
<!-- song names -->
0_3 <br />
</font></p></td>
</tr>
<tr>
<td width="423" height="38" align="left" valign="middle"><p> <font color="#339966">
<input type="checkbox" name="song[]" value="0_4,/telugusongs/moviename/0_4.mp3" />
<!-- song names -->
0_4<br />
</font></p></td>
</tr>
<tr>
<td width="423" height="38" align="left" valign="middle"><p> <font color="#339966">
<input type="checkbox" name="song[]" value="0_5 ,/telugusongs/moviename/0_5.mp3" />
<!-- song names -->
0_5 <br />
</font></p></td>
</tr>
<tr>
<td width="423" height="38" align="left" valign="middle"><p> <font color="#339966">
<input type="checkbox" name="song[]" value="0_6 ,/telugusongs/moviename/0_6.mp3" />
<!-- song names -->
0_6<br />
</font></p></td>
</tr>
<tr>
<td width="423" height="38" align="left" valign="middle"><p> <font color="#339966">
<input type="checkbox" name="song[]" value="0_7 ,/telugusongs/moviename/0_7.mp3" />
<!-- song names -->
0_7 <br />
</font></p></td>
</tr>
<tr>
<td width="423" height="38" align="left" valign="middle"><p> <font color="#339966">
<input type="checkbox" name="song[]" value="0_8 ,/telugusongs/moviename/0_8.mp3" />
<!-- song names -->
0_8 <br />
</font></p></td>
</tr>
</tbody>
</table></td>
</tr>
</table>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
</table>
<input type="Button" id="PlaySelected" value="Play Selected"
onclick="checklist(myform)"/>//minor changes here made
function checklist(field)
{
var answer=false;
for (i = 0; i < field.length; i++)
{
if (field[i].type=="checkbox" && field[i].checked){
answer=true;
return false;
}
}
for (i = 0; i < field.length; i++)
{
field[i].checked = true ;
}
}
$('#PlaySelected').click(function()
{
var answer=false;
$('input[type='checkbox']').each(function(){
answer = this.checked;
if(answer==true)
{
return false;
}
});
$('input[type='checkbox']').each(function(){
$(this).attr('checked', true);
});
});